Remove Datepicker Function dynamically

Question

I want to remove datepicker function depending on the dropdownlist selected value. I try the following codes, but it still shows the calendar when I put the cursor in the text box. Please give me a suggestion.

$("#ddlSearchType").change(function () {     if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {         $("#txtSearch").datepicker();     } else {         $("#txtSearch").datepicker("option", "disabled", true);     } }); 

Answer 1

You can try the enable/disable methods instead of using the option method:

$("#txtSearch").datepicker("enable"); $("#txtSearch").datepicker("disable"); 

This disables the entire textbox. So may be you can use datepicker.destroy() instead:

$(document).ready(function() {     $("#ddlSearchType").change(function() {         if ($(this).val() == "Required Date" || $(this).val() == "Submitted Date") {             $("#txtSearch").datepicker();         }         else {             $("#txtSearch").datepicker("destroy");         }     }).change(); }); 

Demo here.