javascript - ポップアップウィンドウ内のJQueryUIDatepicker

Question

あなたの助けが必要です、

JQuery UI Datepickerを含むカスタムポップアップウィンドウを動的に作成するjavascript関数を作成するにはどうすればよいですか？

皆様のご協力に心より感謝申し上げます。

ジェイ

Answer 1

これは、jqueryUIを使用するのはそれほど難しくありません。

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