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

Problem here is, the field is disabled (greyed out to the user), but you can still open the Date Picker and set the date, you just can’t manually modify the date field yourself.

How can we make the Date Picker unable to open when the field is disabled?

Answer 1

To disable datepicker on a field you need to use the destroy or disable properties

DatePicker Options

Example:

someinput.disabled = true

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

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