Reopening jquery datepicker in IE9

seeing the anonymous behavior of datepicker in IE9. Datepicer works, but keeps reappearing after clicking the selected date in the popup calendar. The user must click on the pop-up calendar to close it. Here is the sequence of events:

1) User clicks on datepicker textbox

2) Calendar pops up

3) User clicks on the desired date

4) The date is inserted in the text box and the calendar opens immediately.

5) User must click from calendar popup

6) Popup calendar window closes

This doesn't happen in Chrome or FF. There, upon clicking the selected date, the calendar popup closes and remains closed unless the user clicks the calendar text box again.

Does it sound like I configured the datepicker incorrectly or is this a bug?

Date Code:

$(document).ready(function() {
    $("input:submit, button").button();
    $("#VNH").css("color", "#006600");
    $(".datepicker").datepicker({ 
        dateFormat: 'yy-mm-dd'
    });
    $("#tools_dialog").css("visibility", "hidden");
});

      

And for ajax:

$("#SNH").live('click', function() {
    var request = $.ajax({
        url: "news.php",
        type: "GET",
        success: function(html){
            $("#topcontainer").html(html);
            $( ".datepicker" ).datepicker({ 
                dateFormat: 'yy-mm-dd'
            });
        }   
    });
});

      

Using jquery-1.6.2.min.js and jquery-ui-1.8.15.custom.min.js

Thanks for any help.

Regards,

Dave

+3


source to share


1 answer


You create the data collector twice (after the DOM has loaded and after the AJAX call). Try removing the .datepicker property from the AJAX call.



This line: $ (".datepicker") .datepicker ({dateFormat: 'yy-mm-dd'});

+1


source







All Articles