3

剣道スケジューラの開始日と終了日の DatePicker コントロールのイベントを設定するにはどうすればよいですか? DatePicker コントロールから開始日または終了日が変更されたときに何らかのロジックを入れたいのですが、その方法がわかりません。

以下のようにイベントをバインドしようとしましたが、うまくいきません:

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

3 に答える 3

0

このような：

<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

于 2015-10-27T16:05:48.720 に答える
0

スケジューラーがイベントDatePickerをトリガーするときに、それらを選択して新しい関数を追加できます。edit

ここに追加する必要があるコードスニペットがあります

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

DatePicker次に、jquery を使用してコンポーネントを検索し、それを新しい関数にバインドする必要があります。編集ポップアップ ウィンドウに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());
}

完全なサンプルについては、この道場を調べることができます

于 2015-05-06T09:57:28.193 に答える
0

あなたのdatePickerは剣道スケジューラにバインドされていないと思います。日付を変更し、この日付を別の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>
于 2015-09-30T09:07:10.593 に答える