jQuery .prop("disabled", false) is not enabling an input

Question

I'm having a problem re-enabling an input after it has been disabled on the page load.

I'm using two inputs to accept two dates, but I want it that the second input is not enabled until the first one has a value.

<div id="date1" data-role="fieldcontain">     <label for="date1-start" id="date1-startlbl">Start Date</label>     <input name="date1-start" id="date1-start" type="date" data-role="datebox"data-options='{"mode": "calbox", "overrideDateFormat": "%Y-%m-%d", "beforeToday": true}' data-theme="a" onchange="showdate()"/>     <label for="date1-end" id="date1-endlbl">End Date</label>        <input name="date1-end" id="date1-end" type="date" data-role="datebox" data-options='{"mode": "calbox", "overrideDateFormat": "%Y-%m-%d", "beforeToday": true}' data-theme="a" onchange="datechart()"/> </div> 

The second input is disabled successfully on the page load with.

$("#date1-end").prop("disabled", true); 

The first date has an onchange event that calls the following function

function showdate(){     if ($("#date1-start").val() != null){         if ($("#date1-end").val() != ""){             datechart();         }         else{             $("#date1-end").prop("disabled", false);             $("#date1-end").trigger('change');         }     } } 

The function is called and prop("disabled", false) when reached fires without any errors, but the input remains disabled. The trigger('change') I am using is an attempt at refreshing the element but the same problem exists without it.

I have tried different variations of .attr from an older version of Jquery but I also get the same problem.

I am using Jquery 1.9.1, Jquery-mobile 1.3.1 and PhoneGap 2.7.0

Answer 1

Had the same problem some time ago:

$("#date1-end").prop("disabled", null); 

@Gautam3164's answer is also good.

Answer 2

Try with removeAttr like

$("#date1-end").removeAttr("disabled"); 

You can also try with prop like

$("#date1-end").prop("disabled",false);