datePick只顯示雙擊時

我試圖在我的網站上實現一個日期選擇，但我得到了一個小問題：使其出現，我必須點擊文本字段，單擊外部，然後單擊裏面再次出現。我該如何解決這個問題？我的代碼繼承人部分：datePick只顯示雙擊時

    function datePicker(){       
       $("#from").datepicker({ 
        defaultDate: "+1w", 
        changeMonth: true, 
        changeYear: true, 
        onClose: function(selectedDate) { 
         $("#to").datepicker("option", "minDate", selectedDate); 
         $("#to").datepicker("option", "dateFormat", "dd/mm/yy"); 
        } 
       }); 
       $("#to").datepicker({ 
        defaultDate: "+1w", 
        changeMonth: true, 
        changeYear: true, 
        onClose: function(selectedDate) { 
         $("#from").datepicker("option", "maxDate", selectedDate); 
         $("#from").datepicker("option", "dateFormat", "dd/mm/yy"); 
        } 
       }); 
      } 
    <input type="text" class ="date" id= "from" name="from" onclick="datePicker();"/> 
    <BR> 
    <input type="text" class = "date" id= "to" name="to" onfocus="datePicker();"/>

我感謝所有幫助上的document.ready

來源

2013-01-16 markus

的問題是：在功能datePicker()你實例化日期選擇器，並且只有在它之後它才知道要打開它。

刪除功能線的onclick =「」看起來像這樣：

 <script type="text/javascript"> 
      jQuery(document).ready(function($){ 
       $("#from").datepicker({ 
        defaultDate: "+1w", 
        changeMonth: true, 
        changeYear: true, 
        onClose: function(selectedDate) { 
         $("#to").datepicker("option", "minDate", selectedDate); 
         $("#to").datepicker("option", "dateFormat", "dd/mm/yy"); 
        } 
       }); 
       $("#to").datepicker({ 
        defaultDate: "+1w", 
        changeMonth: true, 
        changeYear: true, 
        onClose: function(selectedDate) { 
         $("#from").datepicker("option", "maxDate", selectedDate); 
         $("#from").datepicker("option", "dateFormat", "dd/mm/yy"); 
        } 
       }); 
      }); 
     </script> 
    <input type="text" class ="date" id= "from" name="from" /> 
    <BR> 
    <input type="text" class = "date" id= "to" name="to"/>

來源

2013-01-16 12:20:59

有了這些變化，他們甚而不出現了 – markus

我的壞，放置JavaScript代碼介於'

$(document).ready(function(){ 
    datePicker(); 
});

呼叫日期選擇器功能的onclick刪除然後嘗試

來源

2013-01-16 12:20:33

這沒有做任何事情）： – markus

相關問題

datePick只顯示雙擊時

回答

相關問題