2012-03-20 16 views
3

在IE9中看到日期選擇器的煩人行爲。 datepicer確實有效,但在彈出的日曆上單擊所選日期後會再次彈出。用戶必須點擊離開日曆來關閉它。下面是事件序列:在IE9中重新開始jquery datepicker

1)日期選擇器文本框中用戶clickes

2)日曆彈出

3)

4)日期被插入在文本上所需的日期用戶點擊框和日曆彈出立即再次打開。

5)用戶必須從日曆彈出點擊即可

6)日曆彈出關閉

這不會在Chrome或FF發生。在那裏,一旦選定日期被點擊,日曆彈出窗口關閉並保持關閉,除非用戶再次點擊日曆文本框。

這聽起來像我設置了datepicker錯誤或這是一個錯誤?

日期選擇器代碼:

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

而對於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' 
      }); 
     } 
    }); 
}); 

使用jQuery,1.6.2.min.js和jQuery-UI-1.8.15.custom.min.js

感謝您的任何幫助。

最好的問候,

戴夫

回答

1

要創建的日期選擇器兩次(一次在DOM加載和你的AJAX調用後)。嘗試從AJAX調用中刪除.datepicker屬性。

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

+0

沒有ajax回調,datepicker根本不起作用。它必須在ajax之後反彈。我錯了嗎? – user1028866 2012-03-20 18:28:54

+0

如果我從AJAX調用中刪除.datepicker屬性,我仍然會得到重複的彈出行爲,並且在AJAX調用後datepicker不再起作用(單擊文本框時沒有任何反應)。 – user1028866 2012-03-21 17:34:29

相關問題