javascript - Kendo UI 多个日期选择器在焦点 AngularJS 上打开

Question

我在我的 angularjs 应用程序中使用 KendoUI datepicker ( http://demos.telerik.com/kendo-ui/datepicker/angular )。我有一个包含多个日期选择器的页面(使用 ng-Repeat)，并且希望在单击输入时打开日期选择器。我知道我们可以使用以下代码片段来完成此操作，并将此代码附加到 input/span 的 ngClick 事件，但这依赖于 ID，并且页面上有多个日期选择器，这不是最佳解决方案。

var datePicker = $('#yourDatePickerInputId').data("kendoDatePicker");
if ($('#yourDatePickerInputId_dateview').css('display') == 'none') {
    datePicker.open();
} else {
    datePicker.close();
}

有人可以为此提供一个工作 fiddle 吗？

Answer 1

您可以尝试这样做:

在这里，我为输入字段添加了 1 个类(即 openMe)，并单击我打开日期选择器的功能。

http://dojo.telerik.com/ebETo