Question

有趣的是，与常规对话框不同，jQuery UI日期选择器无法显示模式弹出窗口：

是否有人知道添加此类功能的扩展程序？

注意：现在我自己滚动，做了像

这样的事情

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

菜单覆盖是100％高度/宽度的半透明div，它有点工作。但我更喜欢jquery来处理模态

Answer 1

我有完全相同的问题......以下是我要解决的问题：

我内联创建了datepicker（即将其附加到div，而不是输入）
我将这个div添加到我即时创建的另一个
我将这个新div设为模态对话框

使用此方法，datepicker出现在“标准”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"/>

您怎么看？

PJ

jQuery UI扩展来制作日期选择器模式

1 个答案: