链接startDate endDate DateTimePicker?

时间:2019-05-07 04:59:09

标签: javascript jquery asp.net-mvc datetimepicker

我想在更改小时后启用分钟。

当前代码:
将minDate设置为0,因此datetimepicker设置为当前日期和时间
所以,如果开始日期为7/5/2019 02:34 PM
如果我选择小时:3,则分钟字段应启用从01-59的所有分钟。

当前问题:我无法选择当前时间下的分钟。

$('#startDate').datetimepicker({
            minDate: 0,
            onSelect: function (selectedDate) {
                $("#endDate").datetimepicker("option", "maxDate", selectedDate);
                $("#startDate").datetimepicker("option", "minDate", selectedDate);
            }
        }).val("");
$('#endDate').datetimepicker({
            minDate: 0,
            onSelect: function (selectedDate) {
                $("#startDate").datetimepicker("option", "maxDate", selectedDate);
            }
        }).val("");

我对分钟字段中解决此问题的代码进行了一些更改。

例如:7/5/2019 02:30 PM 我在小时字段中选择3,datetimepicker将关闭并更新分钟字段。 当我再次打开datetimepicker时,分钟字段将显示01-59。

现在的问题是,我希望它在不关闭datetimepicker的情况下更新分钟字段。

1 个答案:

答案 0 :(得分:0)

解决方案:

$('#startDate').datetimepicker({
     minDate: 0,
     onSelect: function (selectedDate) {
         $("#endDate").datetimepicker("option", "maxDate", selectedDate);
         $("#startDate").datetimepicker("option", "minDate", selectedDate);
     }
}).val("");
$('#endDate').datetimepicker({
     minDate: 0,
     onSelect: function (selectedDate) {
         var sdSelected = $('#startDate');
         var edSelected = $('#endDate');

         var value = sdSelected.val();

         sdSelected.datetimepicker('option', 'maxDate', edSelected.datetimepicker('getDate'));

         if (sdSelected.val() != null) {
             sdSelected.val(value);
         }
    }
}).val("");