Question

I have a set of controls, which sit inside an ajax update panel, and these controls are enabled via the user ticking a checkbox. One of these controls is a textbox, which uses the JQuery Datepicker to populate the textbox with a date. The problem I am seeing is when the textbox is enabled, and you click on the textbox the datepicker is not showing. The only way I can get the datepicker to show up is after the validator is fixed to show that no date has been set.

There is no magic code. If the checkbox is ticked then txtDate.enabled = true.

Has anyone come across this problem before? If so, how was it solved?

Thanks

Answer 1

Probably, after UpdatePanel reload, the HTML content is being recreated and the datepicker event bind gets lost.

Try registering your datepicker this way:

<script type="text/javascript">
$(document).ready(function() {      
    $(".datepicker").datepicker();

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(evt, args) {
        $(".datepicker").datepicker();
    });
});
</script>

Checkout this posts as well: post 1 and post 2