单击复选框时禁用剑道日期选择器 [英] Disabling kendo datepicker when clicked on checkbox
本文介绍了单击复选框时禁用剑道日期选择器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在输入框中有两个剑道日期选择器和一个复选框,我想一直显示剑道日期选择器和当前日期.但只有当用户选中复选框时,它们才会启用/可选择/可编辑.
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 剑道日期选择器.
<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);
}
})
这篇关于单击复选框时禁用剑道日期选择器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文