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

Я предполагаю, что вы используете hasDatepicker для преобразования текстовых полей в указатель даты.

Вы можете просто выбрать / выбрать текстовые поля, которые имеют класс hasDatepicker и не отключены, и они преобразуют их в средства выбора даты.

Итак, в коде, где вы используете селектор, попробуйте это:

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

Answer 2

Чтобы отключить указатель даты на поле, вам нужно использовать свойства уничтожения или отключения

Параметры DatePicker

Пример:

someinput.disabled = true

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

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