Jquery ui 对话框和日期选择器的jQuery

我正在使用对话框jquery，我想在其中使用日期选择器 它显示对话框的外侧…这就是问题所在

$(function(){
                // Dialog
                $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                    "Ok": function() {
                        $(this).dialog("close");
                    },
                    "Cancel": function() {
                        $(this).dialog("close");
                    }
                }
            });

            // Dialog Link
            $('#dialog_link').click(function(){
                $('#dialog').dialog('open');
                return false;
            });

            //hover states on the static widgets
            $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); },
                function() { $(this).removeClass('ui-state-hover'); }
            );

        });

病人编号：
患者姓名：

在对话框中使用表的最后一行中的datepicker Jquery时

---

加载我的html页面日期选择器是先在页面上加载的

我不知道这是否是您的解决方案，但请尝试一下，如果您倾向于使用Jquery日期选择器，您应该在加载时直接将其添加到元素中，而不是在焦点上，它将在您聚焦文本框时追加。注意代码行

$（'#dob'）.datepicker（）

我在#dob的焦点上调用datepicker函数。所以datepicker出现在页面中而不是对话框中…现在问题来了…我使用$（function（）{$（“#dob”）.datepicker（）；$（“#dob”）.datepicker（“option”，“dateFormat”，“dd-mm-yy”）；）；这个问题已经解决了，但在对话框中，我已经按下了两个按钮“确定”和“取消”，两个按钮的名称都没有显示在对话框中，两个按钮都在工作，但名称都没有显示…….请提供帮助..请给我一个类似jquery的演示
    <div id="dialog" title="Find Patient">
      <p>
      <table style="table-layout: fixed; width: 550px;">
        <tr>
          <td><label class="form-item-label form-item-label-right">Patient Id :</label> </td>
            <td><input type="text" name="byId" id="byId" style="width: 90%"  /></td>
           <td><a class="button" href="#"><span>Find</span></a></td>
        </tr>
        <tr>
          <td><label class="form-item-label form-item-label-right">Patient`s Name :</label></td>
            <td><input type="text" name="byName" id="byName" style="width: 90%"/></td>
            <td><a class="button" href="#"><span>Find</span></a></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="text" id="dob" name="dob" style="width: 90%"></td>
            <td><a class="button" href="#"><span>Find</span></a></td>
        </tr>
        </table>
      </p>
    </div>

$(function () {
    // Dialog
    $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        buttons: {
            "Ok": function () {
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

    $('#dob').datepicker();

    // Dialog Link
    $('#dialog_link').click(function () {
        $('#dialog').dialog('open');
        return false;
    });

    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
            function () { $(this).addClass('ui-state-hover'); },
            function () { $(this).removeClass('ui-state-hover'); }
        );

});