弹出窗口内的JQuery UI Datepicker

【问题标题】：JQuery UI Datepicker inside a popup window弹出窗口内的JQuery UI Datepicker
【发布时间】：2012-08-22 09:57:59
【问题描述】：

我需要你的帮助，

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

非常感谢您的帮助。

杰

【问题讨论】：

标签： javascript jquery html dom javascript-framework

【解决方案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");
    });
});

【讨论】：