jquery - jquery弹出窗口中的日历

Question

我在弹出窗口中尝试了一个日历。我在弹出窗口中有一个文本框。Onclicking弹出，日历应该来。以下是我尝试过的代码。我没有在单击文本框时获得日历。

/*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);
      });
});

当我单击文本框时，我根本看不到日历弹出窗口。有什么帮助吗？？

Answer 1

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

喜欢

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

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

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