弹出窗口内的JQuery UI Datepicker

时间:2012-08-27 21:44:04

标签: javascript jquery html dom javascript-framework

我需要你的帮助,

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

非常感谢和感谢你的帮助。

2 个答案:

答案 0 :(得分:2)

使用jquery UI并不太难。

HTML:

<div id="dialog">

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

</div>

使用Javascript:

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

一个jsfiddle,看看它在行动: http://jsfiddle.net/Robodude/kgNZN/

答案 1 :(得分:1)

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