Question

我正在使用JQuery的DateTime选择器。我有两个日期字段 StartDate 和 EndDate 。我想为{strong> StartDate 设置minDate，为{设置maxDate strong> EndDate 动态。

我已尝试使用以下代码。

 $("#StartDate").datetimepicker({
          maxDate: new Date($("#EndDate").val()),
          //value: defaultStartDateTime,
          onSelectDate: function (ct, ab) {      
                          var   startdate = ct.dateFormat('m/d/Y');
                          $('#StartDate').datetimepicker('option', 'value', startdate);
                          $("#EndDate").datetimepicker('option', 'minDate',startdate);
                        },
          step: 15,
          closeOnDateSelect: true,
          format: 'm/d/Y H:i'
      });

 $("#EndDate").datetimepicker({
           minDate: new Date($('#StartDate').val()),
           // value: defaultEndDateTime,
           onSelectDate: function (datetext,dt) {
                          var endDate = datetext.dateFormat('m/d/y');
                          $('#EndDate').datetimepicker('option', 'value', endDate);
                          $('#StartDate').datetimepicker('option', 'maxDate', new Date(endDate));
                        },
           step: 15,
           closeOnDateSelect: true,
           format: 'm/d/Y H:i'
      });

问题：

我遇到上述代码的问题。我无法为StartDate和EndDate设置minDate和maxDate。默认情况下，它指向今天的日期作为EndDate的最短日期。

问题：

如何为EndDate和MaxDate设置MinDate for StartDate？
如何覆盖默认行为并动态设置日期？

Answer 1

我尝试了这项工作

 $("#StartDate").datetimepicker(
                    {
                        maxDate: new Date($("#EndDate").val()),
                        value: defaultStartDateTime,
                        onSelectDate: function (ct) {
                $("#EndDate").datetimepicker({minDate,new Date(ct)});
                        },
                        step: 15,
                        closeOnDateSelect: true,
                        format: 'm/d/Y H:i'
                    });

 $("#EndDate").datetimepicker(
                    {
                        minDate: new Date($('#StartDate').val()),
                        value: defaultEndDateTime,
                        onSelectDate: function (datetext) {
                            $('#StartDate').datetimepicker({maxDate, new Date(datetext)});
                        },
                        step: 15,
                        closeOnDateSelect: true,
                        format: 'm/d/Y H:i'
                    });

面对Datetime选择器的问题

1 个答案: