单击复选框时禁用剑道日期选择器答案

【问题标题】：Disabling kendo datepicker when clicked on checkbox单击复选框时禁用剑道日期选择器
【发布时间】：2012-12-29 13:48:01
【问题描述】：

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

复选框

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

2 个剑道日期选择器。

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

我尝试了各种方法，例如禁用文本框等，但日期选择器只是继续工作/显示..

【问题讨论】：

标签： kendo-ui jquery-ui-datepicker

【解决方案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);
    }
})

【讨论】：

【解决方案2】：

这里有一个稍微不同的方法：

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

【讨论】：