timepicker的学习<后面日期大于前面日期>：http://trentrichardson.com/examples/timepicker/

最新推荐文章于 2023-02-13 20:13:30 发布

原创最新推荐文章于 2023-02-13 20:13:30 发布 · 621 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#date #function

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用 jQuery datetimepicker 插件创建一个日期时间选择范围，确保开始日期始终早于结束日期，通过 JavaScript 实现了对日期范围的有效验证。

Create a datetime range with a start and end date.

$('#example16_start').datetimepicker({
    onClose: function(dateText, inst) {
        var endDateTextBox = $('#example16_end');
        if (endDateTextBox.val() != '') {
            var testStartDate = new Date(dateText);
            var testEndDate = new Date(endDateTextBox.val());
            if (testStartDate > testEndDate)
                endDateTextBox.val(dateText);
        }
        else {
            endDateTextBox.val(dateText);
        }
    },
    onSelect: function (selectedDateTime){
        var start = $(this).datetimepicker('getDate');
        $('#example16_end').datetimepicker('option', 'minDate', new Date(start.getTime()));
    }
});
$('#example16_end').datetimepicker({
    onClose: function(dateText, inst) {
        var startDateTextBox = $('#example16_start');
        if (startDateTextBox.val() != '') {
            var testStartDate = new Date(startDateTextBox.val());
            var testEndDate = new Date(dateText);
            if (testStartDate > testEndDate)
                startDateTextBox.val(dateText);
        }
        else {
            startDateTextBox.val(dateText);
        }
    },
    onSelect: function (selectedDateTime){
        var end = $(this).datetimepicker('getDate');
        $('#example16_start').datetimepicker('option', 'maxDate', new Date(end.getTime()) );
    }
});