1

ポップアップ内のカレンダーを試しました。ポップアップ内にテキストボックスがあります。ポップアップをクリックすると、カレンダーが表示されます。以下は私が試したコードです。テキストボックスをクリックしてもカレンダーが表示されません。

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

テキストボックスをクリックしても、カレンダーのポップアップがまったく表示されません。何か助けて??

4

1 に答える 1

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);
              });
            });
        }
于 2013-06-27T10:23:42.743 に答える