javascript - 将今天日期设置为剑道日期选择器

Question

我想在清除按钮单击时将今天的日期设置为 Kendo DatePicker。我尝试关注但它不起作用。

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

上面的代码没有给出任何错误，也没有设置今天的日期。它清除 kendo DatePicker 的文本框值。注意：Kendo DatePicker 格式为 MM/dd/yyyy。

score 41 · Accepted Answer

我尝试跟随并完美地为我工作。

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

score 11 · Accepted Answer

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

score 5 · Accepted Answer

设置好 datepicker 的值后，需要触发 datePicker 的 change 事件例如：

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

Telerik的解释：

“如果 DatePicker 与其内部值相同，则不会应用“新”日期。当您在方法中调用日期时 [他们的意思是使用datepicker .value( myDate )] 并设置其日期，然后内部DatePicker 的日期也已设置”

另请参阅http://www.telerik.com/forums/datepicker-does-not-update-the-value-in-view

score 3 · Accepted Answer

我已经像使用它一样 -

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

Kendo 在他们的 api 中有 DateTime 结构是很好的部分。

score 3 · Accepted Answer

直到我在设置之前触发了更改事件，答案才对我有用。

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

score -2 · Accepted Answer

请看这个例子可能对你有帮助

http://rniemeyer.github.io/knockout-kendo/web/DatePicker.html

javascript - 将今天日期设置为剑道日期选择器

6 回答 6

Related

Reference