单击复选框时禁用kendo datepicker

Question

我在输入框中有两个kendo日期选择器和一个复选框我想一直显示当前日期的kendo datepickers.但只有当用户选中了复选框时,它们才会变为启用/可选/可编辑.

复选框

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

2 kendo Datepickers.

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

我尝试了各种各样的东西,比如禁用文本框等,但是datepickers只是继续工作/显示..

Answer 1

启用/禁用DatePicker的特殊方法称为启用 - 请检查此演示.

$('#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);
    }
})