javascript - 弹出窗口内的JQuery UI Datepicker

Question

我需要你的帮助，

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

非常感谢和感谢您的所有帮助。

周杰伦

Answer 1

使用 jquery UI 并不太难。

HTML：

<div id="dialog">

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

</div>

Javascript：

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

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

Answer 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");
    });
});​