将今天日期设置为kendo datepicker
我想在清除按钮单击时将今天日期设置为Kendo DatePicker。 我试过以下但是没有用。
$('#btnClear').click(function () { $("#StartDate").data("kendoDatePicker").value(new Date()); });
上面的代码不会给出任何错误,也不会设置今天的日期。 它清除了kendo DatePicker的文本框值。 注意:Kendo DatePicker格式为MM / dd / yyyy。
我试过跟随并且对我很有效。
$('#btnClear').click(function () { var todayDate = kendo.toString(kendo.parseDate(new Date()), 'MM/dd/yyyy'); $("#StartDate").data("kendoDatePicker").value(todayDate); });
$('#btnClear').click(function (e) { var todayDate = new Date(); $('#StartDate').data("kendoDatePicker").value(todayDate); });
设置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
我用它像 –
@(Html.Kendo().DatePicker() .Name("customerOrderDate") .Min(DateTime.Today) .Value(Model.CustomerOrderDate) .HtmlAttributes(new {style = "width:120px"}))
Kendo在他们的api中有DateTime结构是很好的部分。
答案对我来说没有用,直到我在设置之前触发了更改事件。
var datePicker = $("#StartDate").data("kendoDatePicker"); var todayDate = new Date(); datePicker.value(todayDate); datePicker.trigger("change"); // <-- This one did the trick