弹出窗口内的JQuery UI Datepicker

Posted 2023-02-22

【中文标题】弹出窗口内的JQuery UI Datepicker

【英文标题】：JQuery UI Datepicker inside a popup window

【发布时间】：2012-08-22 09:57:59

【问题描述】：

我需要你的帮助，

我将如何创建一个 javascript 函数，该函数将动态创建一个包含 JQuery UI Datepicker 的自定义弹出窗口？

非常感谢您的帮助。

杰

【参考方案1】：

使用 jquery UI 并不太难。

html：

<div id="dialog">

    <div id="datepicker"></div>

</div>

Javascript：

$("#datepicker").datepicker();
$("#dialog").dialog();

还有一个 jsfiddle 可以看到它的实际效果： http://jsfiddle.net/Robodude/kgNZN/

【参考方案2】：

演示 http://jsfiddle.net/k4pmy/

代码

$(document).ready(function() 
    $("#popup").dialog(
        open: function() 
            $('#datePicker').removeAttr("disabled");
        ,
        close: function () 
            $('#datePicker').datepicker('hide');
        
    );

    $("#datePicker").datepicker();

    $("#pop_button").click(function() 
        $('#datePicker').attr("disabled", true);

        $("#popup").dialog("open");
    );
);​