单击复选框时禁用Kendo Datepicker [英] Disabling kendo datepicker when clicked on checkbox

问题描述

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

I have two kendo date picker in input boxes and one checkbox I want to show the kendo datepickers all the time with current date . but they become enable /selectable /editable ONLY when user has checked the checkbox.

复选框

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

2剑道Datepickers.

2 kendo Datepickers.

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

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

I have tried various things like disabling text-boxes etc but datepickers just keep working/showing..

推荐答案

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

There is special method for enabling/disabling the DatePicker called enable - check this demo.

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

这篇关于单击复选框时禁用Kendo Datepicker的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！