獲取Jquery UI日曆顯示在模態彈出窗口頂部

Question

嗨，我有一個JQuery模式彈出窗口，我加載HTML到。我在我的SCRPT文件下面的代碼：

//date code - move to reusable. 
    $('.dateDavy').datepicker({ 
     showOn: 'button', 
     buttonImage: '/Content/images/Control_MonthCalendar.bmp', 
     buttonText: 'Enter Date', 
     buttonImageOnly: true, 
     dateFormat: 'dd/mm/yy', 
     yearRange: '-115:+3', 
     changeMonth: true, 
     changeYear: true    
    }); 

的問題是，當我點擊圖片查看日曆它彈出我的背後的模式窗體。

任何幫助表示讚賞

Answer 1

添加一些CSS到的是，設置UI的日期選擇器類有一個z-index的比模態對話框越高jQuery UI的CSS加載後的CSS文件。我不記得那是不是我的頭頂上，所以一點點實驗可能是爲了。如果您需要日期選擇器僅在顯示對話框時超出對話框，否則您可以將對話框打開事件的回調期間的z-index添加到ui-datepicker-div DIV中，否則使用正常的z-index。

.ui-datepicker 
{ 
    z-index: 32767; 
} 

$('selector').dialog({ 
    open: function(event,ui) { 
      $('#ui-datepicker-div').css('z-index',32767); 
    }, 
    close: function(event,ui) { 
      $('#ui-datepicker-div').css('z-index',null); 
    } 
});