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

.. 일부 스크린 샷

팝업 대화

을 DateTimePicker

,

팝업 대화 상자가

는 내가있는 DateTimePicker이를 추가하여이 문제를 해결, 메뉴에 관심있는 사람들을위한

Answer 1

에서 만든

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