带有禁用字段的 JQuery UI DatePicker答案

【问题标题】：JQuery UI DatePicker with disabled field带有禁用字段的 JQuery UI DatePicker
【发布时间】：2011-06-06 16:12:10
【问题描述】：

<input type="text" value="06-Jul-2011" propertyname="ChildOptionComponent.FirstRollDate" onchange="parseAndSetDt(this); " name="ChildOptionComponent_FirstRollDate" id="ChildOptionComponent_FirstRollDate" disabled="disabled" datatype="Date" class="economicTextBox hasDatepicker">

这里的问题是，该字段被禁用（对用户显示为灰色），但您仍然可以打开日期选择器并设置日期，您不能自己手动修改日期字段。

当字段被禁用时，我们如何使日期选择器无法打开？

【问题讨论】：

标签： html jquery-ui jquery-ui-datepicker

【解决方案1】：

要在字段上禁用日期选择器，您需要使用 destroy 或 disable 属性

DatePicker Options

例子：

someinput.disabled = true

$('select that input').datePicker('disable');

// or
$('select that input').datePicker('destroy');

【讨论】：

【解决方案2】：

我假设您正在使用 hasDatepicker 将文本框转换为日期选择器。

您可以只选择/选择具有 hasDatepicker 类且未被禁用的文本框，然后将它们转换为日期选择器。

所以在你使用选择器的代码中试试这个：

$(".hasDatepicker:not(:disabled)").datepicker(..options..);

【讨论】：