剑道日期选取器最大日期(Kendo Date Picker Max Date)

2019-10-22 04:44发布

我有一个问题,我想我的剑道日期选择器的最大需加从选定的开始日期3天。 我似乎被卡住。 这里是我的代码

$(document).ready(function(){
$("#txtFromDate").datepicker({
    minDate: "D", 
    numberOfMonths: 1,
    onSelect: function(selected) {
      $("#txtToDate").datepicker("option","minDate", selected)
      $(".selector").datepicker("option", "dateFormat", "yy-mm-dd")
    }
});
$("#txtToDate").datepicker({
    maxDate:"+3#txtFromDate",
    numberOfMonths: 1,
    onSelect: function(selected) {
       $("#txtFromDate").datepicker("option","maxDate", selected)
       $(".selector").datepicker("option", "dateFormat", "yy-mm-dd")
    }
});  
});

任何帮助将是不错!

Answer 1:

试试这个http://dojo.telerik.com/@harsh/eHefe

HTML:

<input id="startDate" style="width:150px;" />
<input id="endDate" style="width:150px;"/>

JS:

var gap = 3; //3 days
  $("#startDate").kendoDatePicker({
      min: new Date(),
      format: "dd/MM/yyyy",
      change: function (e) {
          var start_date = new Date(this.value());

          var max_date = new Date(start_date.getTime() + gap * 86400000);
          $('#endDate').data('kendoDatePicker').min(start_date);
          $('#endDate').data('kendoDatePicker').max(max_date);

          $('#endDate').val('');
      }
  });

  $("#endDate").kendoDatePicker({
      format: "dd/MM/yyyy"
  });

$("#startDate").attr('readonly','true'); 
$("#endDate").attr('readonly','true');


文章来源: Kendo Date Picker Max Date