剑道日期选择器最大日期

时间:2015-03-07 09:50:51

标签: javascript jquery kendo-ui

我有一个问题,我希望我的kendo Datepicker最多可以从所选的开始日期开始加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")
    }
});  
});

任何帮助都会很好!

1 个答案:

答案 0 :(得分: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');