如何从不在“更改”处理程序中的 kendoDatePicker 获取当前日期答案

【问题标题】：How to get current date from kendoDatePicker not in the 'change' handler如何从不在“更改”处理程序中的 kendoDatePicker 获取当前日期
【发布时间】：2014-04-04 18:27:36
【问题描述】：

这些方法不起作用：

dateSelectedFrom = $("#datepickerFrom").value - undefined
dateSelectedFrom = $("#datepickerFrom").value() - object has no method value()

我知道我可以使用 this.value() 并且它工作正常，但是方法 onDateSelectedFromCalendar 被不同的 dateTimePicker 控件使用（我在页面上有几个）

<input id="datepickerFrom" value="10/10/2011" />

   $("#datepickerFrom").kendoDatePicker({
            change: onDateSelectedFromCalendar
        });

   function onDateSelectedFromCalendar(e) {
        dateSelectedFrom = $("#datepickerFrom").value;
    }

文档未指定任何其他选项 http://docs.telerik.com/kendo-ui/api/web/datepicker

【问题讨论】：

标签： javascript kendo-ui telerik kendo-datepicker

【解决方案1】：

对于 Kendo 对象，您必须使用 data，例如：

var d = $("#datepickerFrom").data("kendoDateTimePicker").value();

请参阅documentation here。

【讨论】：

如果我只想要日期而不想要时间怎么办？如何单独获取日期部分？

【解决方案2】：

您可以使用以下命令让所有日期选择器调用相同的 onChange 事件：

function onDateSelectedFromCalendar(e) {
    dateSelectedFrom = e.sender.value();
}

如果您希望能够区分哪个元素触发了您可以使用的功能：

e.sender.element[0].id

这将为您提供元素的 ID。

最后

e.sender

会给你一样的

$('#datepickerFrom').data().kendoDatePicker

检查他们的 DatePicker api Here

【讨论】：