kendo-ui - 单击复选框时禁用Kendo Datepicker

Question

我在输入框中有两个剑道日期选择器，一个复选框是我要始终显示带有当前日期的剑道日期选择器。但是只有在用户选中该复选框后，它们才会启用/selectable/editable。

选框

<input type="checkbox" id="RequredFilter" />

2剑道Datepickers。

<input type="text" id="DateFrom" />
<input type="text" id="DateTo" />

我已经尝试过各种操作，例如禁用文本框等，但datepickers仍然可以正常工作/显示。

Answer 1

有一种启用/禁用DatePicker的特殊方法，称为 enable -检查this演示。

$('#RequredFilter').click(function(e){
    if($(this).is(':checked')){
        $('#DateFrom').data('kendoDatePicker').enable(true);
        $('#DateTo').data('kendoDatePicker').enable(true);
    }
    else{
        $('#DateFrom').data('kendoDatePicker').enable(false);
        $('#DateTo').data('kendoDatePicker').enable(false);
    }
})