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

Question

这些方法不起作用：

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

Answer 1

使用 Kendo 对象，您必须data像这样使用：

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

请参阅此处的文档。

Answer 2

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

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

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

e.sender.element[0].id

这将为您提供元素的 ID。

最后

e.sender

会给你一样的

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

在这里查看他们的 DatePicker api