jquery - datetimepicker がトリガーされないようにするにはどうすればよいですか?

Question

日付と時刻を選択するための入力要素を含む pupup ダイアログを作成しました。

<input type="text" id="timepicker1"/>

ダイアログが開かれるたびに、または alt+tab で別のアプリケーションに切り替えてから再びブラウザーに戻ると、datetimepicker がポップアップします。

これが起こらないようにする方法はありますか？

日付と時刻のセレクターは、入力要素をクリックしたときにのみアクティブにする必要があります。

ありがとう！

function showCustomDialog(chartType){

    var NewDialog = $('<div id="MenuDialog">\
            <p></p>\
            <p>Select time frame to chart.</p>\
            <table>\
                <tr>\
                    <td>\
                        <p>Date: <input type="text" id="timepicker1"/>&nbsp;during&nbsp;</p>\
                    </td>\
                    <td>\
                        <select>\
                            <option value="0.25">15 Minutes</option>\
                            <option value="0.5">30 Minutes</option>\
                            <option value="1">1 Hour</option>\
                            <option value="2">2 Hours</option>\
                        </select>\
                    </td>\
                </tr>\
            </table>\
            <script>\
                    $("#timepicker1").datetimepicker({\
                        minDate: new Date(new Date() - 604800000),\
                        maxDate: new Date()\
                    });\
            </script>\
        </div>');

    NewDialog.dialog({
      height: 250,
      width: 650,
      modal: true,
      title: 'Process: '+$("#processTitle").text(),
      buttons: {
        "Create Chart": function() {
          var bValid = true;
          allFields.removeClass( "ui-state-error" );
        },
        Cancel: function() {
          $( NewDialog ).remove();
        }
      },
      close: function() {
        $( NewDialog ).remove();
      }
    }).position({
       my: "center",
       at: "center",
       of: window
    });
}

.. 説明用のスクリーン ショット

ポップアップダイアログ

日時ピッカー

ポップアップ ダイアログはメニューから作成されます

Answer 1

興味のある方は、

これをdatetimepickerに追加して、この問題を解決しました

showOn: "ボタン",

そして、ここに作業コードがあります：

function showCustomDialog(chartType){

    var NewDialog = $('<div id="MenuDialog">\
            <p></p>\
            <p>Select time frame to chart.</p>\
            <table>\
                <tr>\
                    <td>\
                        <p>Date Time: <input type="text" id="timepicker1" value=""/>&nbsp;Time Frame:&nbsp;</p>\
                    </td>\
                    <td>\
                        <select id="datetimeselect">\
                            <option value="0.25">15 Minutes</option>\
                            <option value="0.5">30 Minutes</option>\
                            <option value="1">1 Hour</option>\
                            <option value="2">2 Hours</option>\
                        </select>\
                    </td>\
                </tr>\
            </table>\
            <p></p>\
            <script>\
                    $("#timepicker1").datetimepicker({\
                        showOn: "button",\
                        minDate: new Date(new Date() - 604800000),\
                        maxDate: new Date()\
                    });\
            </script>\
        </div>');

    NewDialog.dialog({
      height: 300,
      width: 650,
      modal: true,
      title: 'Process: SomeProcess here',//+$("#processTitle").text(),
      buttons: {
        "Create Chart": function() {
          var bValid = true;
          allFields.removeClass( "ui-state-error" );
        },
        Cancel: function() {
          $( NewDialog ).remove();
        }
      },
      close: function() {
        $( NewDialog ).remove();
      }
    }).position({
       my: "center",
       at: "center",
       of: window
    });
}