Kendo Scheduler DatePicker事件

Question

如何為Kendo Scheduler開始和結束日期DatePicker控件設置事件？ 我想在DatePicker控件的Start或End日期更改時添加一些邏輯，但我不知道該怎么做。

我嘗試綁定下面的事件，但它不適合我：

start: { 
   type: "date",
   from: "StartDate",
   validation: { required: true },
   event: { change: "onStartDateChange('start')" }
 }

Answer 1

您可以選擇那些DatePicker並在調度程序觸發edit事件時添加新函數。

這是您需要添加的一些代碼段

$("#scheduler").kendoScheduler({
  edit: scheduler_edit // add on scheduler edit events
  //remove for clarity
});

接下來，您需要使用jquery查找DatePicker組件並將其與新函數綁定。 Scheduler編輯彈出窗口提供2種類型的不同日期選擇器時，您需要仔細選擇是否為DatePicker或DateTimePicker

function scheduler_edit(e) {
  console.log("edit");
  var startDatePicker = $("input[name=start][data-role=datepicker]").data().kendoDatePicker;
  startDatePicker.bind("change", newFuncForDatePicker);
}

function newFuncForDatePicker(e) {
   console.log(this.value());
}

對於完整的樣本，您可以查看此道場

Answer 2

我認為你的datePicker不是在kendo調度程序中綁定的。如果你改變了一些日期並在另一個datePicker中附加了這個日期，你可以像這個例子一樣使用這是我的編輯功能你可以使用編輯功能或其他功能你喜歡：

 edit: function (e) {
        //get date from event
         var getDateFromEvent = e.event.start;//or you can use different types of date like that
         var datePicker = $("[name=signUpDueDate]").data("kendoDatePicker");
         datePicker.value(getDateFromEvent).format("MM/DD/YYYY"));                                         
         datePicker.trigger("change");
};

這是你的控制器然后你可以使用這樣的HTML

 <div class="col-xs-12 col-sm-3 form-group">
   <div data-container-for="earlySignupDate">
      <input id="signUpDueDate" name="signUpDueDate" class="pull-left" type="text" data-type="date" data-role="datepicker" data-bind="value: SignUpDueDate" />
  </div>
</div>

Answer 3

像這樣：

<script>
$("#scheduler").kendoScheduler({
  edit: function(e)
  {
    // clone for input[name=end]
    e.container.find("input[name=start]")
     .data()
     .kendoDateTimePicker.bind("change", function(e) {
        var value = this.value(); 
        // value has the new datetime
        console.log(value);
    });
  }
});  
</script>

我的道場： http ： //dojo.telerik.com/@svejdo1/AWoNU