单击复选框时禁用剑道日期选择器
Posted
技术标签:
【中文标题】单击复选框时禁用剑道日期选择器【英文标题】: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" />
我尝试了各种方法,例如禁用文本框等,但日期选择器只是继续工作/显示..
【问题讨论】:
【参考方案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);
);
);
【讨论】:
以上是关于单击复选框时禁用剑道日期选择器的主要内容,如果未能解决你的问题,请参考以下文章