Question

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

复选框

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

2 kendo Datepickers。

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

我尝试过各种各样的东西，例如禁用文本框等，但是日期选择器只是继续工作/显示..

Answer 1

启用/禁用名为启用的DatePicker的特殊方法 - 请检查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);
    }
})

Answer 2

这是一个略有不同的方法：

$(document).ready(function() {
    $("#RequredFilter").change(function() {
        $('#DateFrom').data('kendoDatePicker').enable(this.checked);
        $('#DateTo').data('kendoDatePicker').enable(this.checked);
    });
});

单击复选框时禁用kendo datepicker

2 个答案: