DatePicker not working in ajax loaded page

Question

I attach the datepicker to inputs in a global script file with like this:

$(document).on(\"focusin\",\".datePick\", function () {
            $(this).datepic         


        

Answer 1

As mentioned in my comment on TJ VanToll's answer, as long as the parent element to which your trigger is bound is present at the time the DOM is loaded, you'll be fine.

See this fiddle for an example.

JS:

$(function(){
    $(document).on("focusin",".datePick", function () {
       $(this).datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            changeYear: true,
            onClose: function () { $(this).valid(); }
        });
    });

    $('#focusin').append('');

});​

HTML:

​

As long as your modal div is present on load, it should be able to capture your input after loading.