Javascript 剑道计划程序日期选择器事件

如何设置剑道调度程序开始和结束日期日期选择器控件的事件？ 我想在DatePicker控件的开始日期或结束日期更改时加入一些逻辑，但我不知道如何做

我试图像下面这样绑定事件，但它对我无效：

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

---

您可以选择那些

DatePicker

，并在调度程序触发

edit

事件时添加新功能

下面是一些需要添加的代码片段

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

接下来，您需要使用jquery找到

DatePicker

组件，并用新函数绑定它。当

Scheduler

编辑弹出窗口提供两种不同的日期选择器时，您需要仔细选择是作为

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

---

对于完整的示例，您可以查看此

我认为您的日期选择器在剑道调度程序中没有绑定。如果您更改了某个日期并将此日期附加到另一个日期选择器中，您可以像下面的示例一样使用 这是我的编辑功能，您可以根据需要使用编辑功能或其他功能：

 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>

像这样：

<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>

$（“#调度程序”）.kendoScheduler({
编辑：功能（e）
{
//克隆输入[name=end]
e、 container.find（“输入[name=start]”）
.data（）
.kendoDateTimePicker.bind（“更改”，函数（e）{
var value=this.value（）；
//值具有新的日期时间
console.log（值）；
});
}
});  

---

Se my dojo:

您的dojo未加载。dojo未找到

代码段未找到该代码段可能已被作者删除，或者URL可能不正确。