0

私は剣道デートピッカーを持っていますが、うまく機能しています。

入力ボックスの横にあるアイコンをクリックすると、カレンダーの日付ダイアログを開くことができ、機能しています。しかし、このダイアログも入力ボックスのonclickを開く必要があります..

            <h4>Select date:</h4>
            <input kendo-date-picker
             ng-model="dateString"
             k-ng-model="dateObject" />

私が試したこと：

angular.element('#common_datePicker').on('click', function () {
                            var datePicker = angular.element('#common_datePicker').data('kendoDatePicker');
                            if ($('.k-calendar-container').css('display') == 'none'){
                                datePicker.open();
                            } else {
                                datePicker.close();
                            }
                        });

入力ボックスをクリックするとカレンダーコンテナを開くことができますが、これをクリックすると閉じます。トグルとして機能するはずです。このリンクでは、剣道デートピッカーに関連する API について説明しています。

http://demos.telerik.com/kendo-ui/datepicker/api

誰でも私を案内できますか？

4

3 に答える 3

0

Javascript Coder のソリューションの JQuery バージョンは次のとおりです。

$("#yourDatePickerInputId").on('click', function () {
    var datePicker = $('#yourDatePickerInputId').data("kendoDatePicker");
    if ($('#yourDatePickerInputId_dateview').css('display') == 'none') {
        datePicker.open();
    } else {
        datePicker.close();
    }
});
于 2016-05-05T22:47:21.300 に答える