calendar внутри jquery popup

Question

Я пробовал календарь внутри всплывающего окна. У меня есть текстовое поле внутри всплывающего окна. При нажатии на всплывающее окно должен наступить календарь. Ниже приведен код i Tried. Я не получаю календарь на клавиатуре.

/*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

вы можете использовать диалоговое событие загрузки и в том, что вы можете инициализировать 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); 
       }); 
      }); 
     }