javascript - $(document).ready で datePicker CSS を操作する

Question

他のウィジェット (チェックボックスと数値テキスト ボックス) に応じて日付ピッカーを有効/無効にしようとしています。true または false をパラメーターとして DatePicker.enable() を呼び出そうとすると、DatePicker の準備がまだ整っていないため、エラーが発生します。剣道ウィジェットも $(document).ready まで準備ができていないようです。日付ピッカーを操作する準備ができたときに教えてくれるイベントや何かがありますか? 今のところ、本当に間違っていると感じる setTimeout を使用しています。

これが私のコードのサンプルです。

$(document).ready(function () {
    ChangeDatePickersState();
});

function ChangeDatePickersState() {
    var input = $('#MyCheckbox:checked')
    var bool = input.length != 0 ? true : false;
    EnableDatePickerForCheckbox('MyDatePicker', bool);

function EnableDatePickerForCheckbox(inputName, inputValue) {
    var datePicker = $('#' + inputName).data("kendoDatePicker");
    if (inputValue == true) {
        datePicker.enable(true);
    }
    else {
        datePicker.enable(false);
        datePicker.value(null);
    }
}

前もって感謝します。