jquery弹出窗口中的日历

我试过在弹出窗口中使用日历。我有一个文本框内弹出。单击弹出窗口后，日历将出现。下面是我试过的代码。我一点文本框就看不到日历了

/*cal.jsp*/
     <form id="cal"> 
        <table>
         <tr>
        <td>
        <div id="dialog"  title="Details" >
        <input id="Picker" name="Picker" style="visibility:hidden;" type="text">
        </div>
            </td>
         </tr>
        </table>
        </form>
   /*cal.js*/
    function dialogFunction()
    {
        this.cal['Picker'].style.visibility='visible';
              $("#dialog").dialog({
                  buttons:{
                      Dispatch:function(){

                      }
                  }
              });
    }
/*outside ondocument ready as I don't need it onload of page*/
$("#Picker").click(function(){

    $(function() {
        var pickerOpts = {
                        dateFormat:"dd-mm-yy"
                    };  
        $( "#Picker" ).datepicker(pickerOpts);
      });
});

/*cal.jsp*/
/*加州大学*/
函数对话框函数（）
{
this.cal['Picker'].style.visibility='visible'；
$（“#对话框”）。对话框({
按钮：{
调度：函数（）{
}
}
});
}
/*外面的文件准备好了，因为我不需要它在页面上加载*/
$（“#选择器”）。单击（函数（）{
$（函数（）{
变量pickerOpts={
日期格式：“dd-mm-yy”
};  
$（“#选取器”）。日期选取器（选取器）；
});
});

---

当我点击文本框时，我根本看不到日历弹出窗口。任何帮助？？？

您可以使用对话框加载事件，并且可以初始化日期选择器

像

---

您可以使用对话框加载事件，并且可以初始化日期选择器

像

---

不要在单击时设置日期选择器-在document.ready中设置它，它会处理单击本身。@Archer弹出窗口在我单击链接时出现。如果我在doucment.ready中给datepicker，日历就会出现，而弹出窗口会直接出现。它应该像点击文本框后，日历应该来了。有什么想法限制它吗？不要在单击时设置日期选择器-在document.ready中设置它，它会处理单击本身。@Archer在我单击链接时弹出窗口。如果我在doucment.ready中给datepicker，日历就会出现，而弹出窗口会直接出现。它应该像点击文本框后，日历应该来了。有什么想法限制它吗？它可以工作，但当我第一次点击文本框时，它什么也不显示。第二次工作。你知道它为什么会这样吗？看看我编辑过的答案，如果没有，你能给我提供发生这种情况的链接吗？它可以工作，但当我第一次点击文本框时，它不会显示任何内容。第二次工作。你知道为什么会这样吗？看看我编辑过的答案，如果没有，你能给我提供发生这种情况的链接吗？

 $("#dialog").dialog({
              buttons:{
                  Dispatch:function(){

                  },
                    open: SetBindings()
              }
              });
        function setBindings()
        {
            $("#DialogPopupdiv").find("Picker").click(function(){

            $(function() {
                var pickerOpts = {
                                dateFormat:"dd-mm-yy"
                            };  
                $( "#Picker" ).datepicker(pickerOpts);
              });
            });
        }