KendoUI多个日期选择器在焦点angularjs上打开

时间:2017-09-04 10:07:13

标签: javascript angularjs kendo-ui datepicker

我在angularjs应用程序中使用了KendoUI datepicker(http://demos.telerik.com/kendo-ui/datepicker/angular)。我有一个包含多个日期选择器的页面(使用ng-Repeat),并且当我点击输入时想要打开日期选择器。我知道我们可以使用以下代码片段并将此代码附加到输入/跨度的ngClick事件,但这取决于ID和页面上的多个日期选择器,它不是最佳解决方案。

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

有人能为此提供一个工作小提琴吗?

1 个答案:

答案 0 :(得分:1)

你可以试试这个:

这里我为输入字段添加了1个类(i,e openMe),点击功能我打开了datepicker。

http://dojo.telerik.com/ebETo