jQuery UI的擴展，使日期選擇器模態

有趣的是，jQuery UI的日期選擇器別無選擇顯示模式彈出，定期對話不同於：jQuery UI的擴展，使日期選擇器模態

不任何人都知道添加這種功能的擴展？

注：現在，我滾我自己，做這樣的事情

'beforeShow': function(input, inst) { 
    $('.menu-overlay').height($(document).height()); 
    $('.menu-overlay').toggle(); 
} 
'onClose': function(dateText, inst) { 
    $('.menu-overlay').toggle(); 
}

凡菜單覆蓋是100％高度/寬度半透明DIV，其工作起來有些。但我寧願jQuery的處理方式

來源

2011-08-04 Lukas Eder

我有相同的問題...這是我在做什麼來解決這個問題：

我創建日期選擇在線（即附加到一個div ，不
我追加這個div到另外一個，我即時創建
我使這個新的div一個模式對話框

使用這種方法的輸入），在日期選擇器會顯示內的「標準」 jQueryUI模式。

$.fn.modal_dialog = function(){ 
       modal_dialog_div = $("<div />", {'class': 'modal_datepicker_dialog'}) 
       modal_datepicker_div = $("<div />", {'class': 'modal_datepicker_datepicker', 'height': '200px', 'width':'200px'}) 
       modal_dialog_div.append(modal_datepicker_div); 
       modal_dialog_div.dialog({modal: true}) 
       modal_datepicker_div.datepicker({altField: "#" + $(this).attr('id'), onSelect: function(dateText, inst) { modal_dialog_div.dialog('destroy');modal_dialog_div.remove()}, defaultDate: $(this).val()}) 

      }

而且我把這種對輸入的，就像這樣：

<input type="text" id="datepicker_result1" onclick="javascript:$(this).modal_dialog()" value="08/15/2011"/>

你覺得呢？

來源

2011-08-06 12:03:03 PJC

看起來很有趣。是否有你的函數使用全局變量的原因？我以某種方式感覺到你添加的對話框的生命週期沒有在「jquery方式」中正確處理......但我不知道jquery足夠確定這一點...... –

jQuery UI的擴展，使日期選擇器模態

回答

相關問題