将今天日期设置为kendo datepicker

时间:2014-08-16 06:19:02

标签: javascript jquery kendo-ui kendo-datepicker

我想在清除按钮点击时将今天日期设置为Kendo DatePicker。我试过跟随,但它没有用。

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

以上代码不会出现任何错误,也不会设置今天的日期。它清除了kendo DatePicker的文本框值。 注意:Kendo DatePicker格式为MM / dd / yyyy。

6 个答案:

答案 0 :(得分:38)

我尝试过跟随并且对我来说很完美。

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

答案 1 :(得分:9)

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

答案 2 :(得分:5)

设置datepicker的值后,需要触发datePicker的change事件,例如:

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

Telerik的解释:

  

" DatePicker不会应用" new"如果它与它相同的日期   内在价值。当你在方法中调用日期时[他们的意思是使用 datepicker .value( myDate )]并设置它   日期,然后也设置了DatePicker的内部日期"

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

答案 3 :(得分:3)

我使用它像 -

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

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

答案 4 :(得分:2)

答案对我来说没有用,直到我在设置之前触发了更改事件。

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

答案 5 :(得分:-2)

请参阅此示例 可能对你有所帮助

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