Установите сегодня дату для кендо datepicker

Я хочу установить дату date для Kendo DatePicker на кнопку очистки щелчка. Я пробовал следовать, но он не работает.

$('#btnClear').click(function () {
  $("#StartDate").data("kendoDatePicker").value(new Date());
});

Выше кода не выдаются ошибки и не установлены сегодняшняя дата. Он очищает значение поля kendo DatePicker. Примечание. Формат Kendo DatePicker - MM/dd/yyyy.

Ответы

Ответ 1

Я пробовал и отлично работал у меня.

$('#btnClear').click(function () {
  var todayDate = kendo.toString(kendo.parseDate(new Date()), 'MM/dd/yyyy');
  $("#StartDate").data("kendoDatePicker").value(todayDate);
});

Ответ 2

 $('#btnClear').click(function (e) {
  var todayDate = new Date();
  $('#StartDate').data("kendoDatePicker").value(todayDate);
                                  });

Ответ 3

Я использую его как -

 @(Html.Kendo().DatePicker()
                  .Name("customerOrderDate")
                  .Min(DateTime.Today)
                  .Value(Model.CustomerOrderDate)
                  .HtmlAttributes(new {style = "width:120px"}))

Хорошо, что Kendo имеет структуру DateTime в своем api.

Ответ 4

После установки значения datepicker вам необходимо вызвать событие изменения datePicker, например:

$("#StartDate").data("kendoDatePicker").trigger("change");

Объяснение от Telerik:

"DatePicker не будет применять" новую "дату, если это то же самое, что и ее внутреннее значение. Когда вы вызываете дату в методе [они означают, используя datepicker.value(myDate)] и просто устанавливают его дата, то внутренняя дата DatePicker устанавливается слишком"

См. также http://www.telerik.com/forums/datepicker-does-not-update-the-value-in-view

Ответ 5

Ответ не работал у меня, пока я не вызвал событие изменения до его установки.

var datePicker = $("#StartDate").data("kendoDatePicker");
var todayDate = new Date();                                   
datePicker.value(todayDate);
datePicker.trigger("change"); // <-- This one did the trick