日曆裏面的jquery彈出

Question

我試過彈出窗口內的日曆。我彈出一個文本框。點擊彈出窗口，日曆應該會出現。以下是我試過的代碼。點擊文本框不會獲取日曆。

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