剑道日期选择器最大日期 [英] Kendo Date Picker Max Date

问题描述

我遇到问题，我希望我的剑道Datepicker的最大值为从所选开始日期起的3天.我似乎被困住了.这是我的代码

I have a problem, I want my kendo Datepicker's max to be plus 3 days from the selected start date. I seem to be stuck. Here is my code

$(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")
    }
});  
});

任何帮助都会很好！

推荐答案

尝试一下 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');

这篇关于剑道日期选择器最大日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！