javascript - Kendo 日期选择器最大日期

Question

我有一个问题，我希望我的剑道日期选择器的最大值是距离所选开始日期加上 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');