Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 弹出窗口中的JQuery UI日期选择器_Javascript_Jquery_Html_Dom_Javascript Framework - Fatal编程技术网

Javascript 弹出窗口中的JQuery UI日期选择器

Javascript 弹出窗口中的JQuery UI日期选择器,javascript,jquery,html,dom,javascript-framework,Javascript,Jquery,Html,Dom,Javascript Framework,我需要你的帮助 如何创建一个javascript函数,动态创建一个带有jQueryUIDatePicker的自定义弹出窗口 非常感谢你的帮助 Jay使用jquery UI并不难 HTML: 和一个JSFIDLE来查看它的运行: 演示 代码 $(document).ready(function() { $("#popup").dialog({ open: function() { $('#datePicker').removeAttr("disabl

我需要你的帮助

如何创建一个javascript函数,动态创建一个带有jQueryUIDatePicker的自定义弹出窗口

非常感谢你的帮助


Jay

使用jquery UI并不难

HTML:

和一个JSFIDLE来查看它的运行: 演示

代码

$(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");
    });
});​
$("#datepicker").datepicker();
$("#dialog").dialog();
$(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");
    });
});​