Question

我有以下使用StartDate＆amp; EndDate字段。

此代码的作用是将EndDate字段上的日期限制为您在StartDate字段中选择的日期。

我要做的是限制时间，例如＆＃34; datetimepicker＆＃34;包含带小时数的下拉菜单。

如何将EndDate字段限制为一小时（根据我从StartDate字段中选择的小时加一）并可能会停用剩余的可用时间？

$(document).ready(function () {
             var dates = $('#StartDate, #EndDate').datetimepicker({
                 dateFormat: 'dd/mm/yy',
                 hourMin: 9,
                 hourMax: 17,
                 minDate: '1',
                 maxDate: null,
                 controlType: 'select',
                 timeFormat: 'hh:mm tt',
                 beforeShowDay: $.datepicker.noWeekends,
                 firstDay: 1,
                 changeFirstDay: false,
                 onSelect: function (selectedDate) {
                     var option = this.id == "StartDate" ? "minDate" : "maxDate",
                         instance = $(this).data("datepicker"),
                         date = $.datepicker.parseDate(
                             instance.settings.dateFormat ||
                             $.datetimepicker._defaults.dateFormat,
                             selectedDate, instance.settings);
                     var edate;
                     var otherOption;
                     var d;                

                     if (option == "minDate") {
                         otherOption = "maxDate";   

                         d = date.getDate() + 0;                               
                     }

                     else if (option == "maxDate") {
                         otherOption = "minDate";   

                         d = date.getDate() - 0;                           
                     }

                     var m = date.getMonth();
                     var y = date.getFullYear();
                     edate = new Date(y, m, d);

                     dates.not(this).datetimepicker("option", option, date);
                     dates.not(this).datetimepicker("option", otherOption, edate);
                 }
             });
         });

Answer 1

如果您使用此插件： DateTimePicker ，那么你可以：

$('#rest_example_3').datetimepicker({
    minDate: new Date(2010, 11, 20, 8, 30),
    maxDate: new Date(2010, 11, 31, 17, 30)
});

基本上你需要通过分钟日期和结束日期

如何在datetimepicker中将时间限制为一小时？

1 个答案: