帶禁用字段的JQuery UI DatePicker

Question

<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"> 

問題在於，該字段已禁用（對用戶顯示爲灰色），但仍可以打開日期選擇器並設置日期，但不能手動修改日期自己領域。

如何禁用禁用日期選取器時無法打開日期選取器？

Answer 1

要在現場關閉日期選擇器，你需要使用破壞或禁用性能

DatePicker Options

例子：

someinput.disabled = true 

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

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

Answer 2

我假設你正在使用hasDatepicker到文本框轉換爲日期選擇器。

您可以選擇/選擇具有hasDatepicker類的文本框並且未禁用，並將它們轉換爲日期選擇器。

所以，在您使用選擇的代碼試試這個：

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