JQuery DatePicker在頁面加載時設置默認日期

我正在使用2個JQueryUI日期選擇器，用於使用ajax將日期發佈到後端MySQL數據庫的應用程序。第一個日期選擇器用於發佈初始日期。第二個日期選擇器用於發佈修改日期。JQuery DatePicker在頁面加載時設置默認日期

我遇到了問題，當用戶沒有從日期選擇器中選擇一個日期時，在任何情況下。這是由於onSelect函數用於檢索傳遞給ajax以在MySQL數據庫中發佈的日期值。

我相信我需要在頁面加載時爲這兩個日期選擇器定義默認日期值，以便如果用戶沒有選擇日期，那麼當它傳遞給AJAX進行發佈時，它不會被定義爲未定義。

這樣做的最好方法是什麼？

<script> 
$(function() { 
$(".datepicker").datepicker({ 
     inline: true, 
     //nextText: '&rarr;', 
     //prevText: '&larr;', 
     showOtherMonths: true, 
     dateFormat: 'yy-mm-dd', 
     dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], 
     //showOn: "button", 
     //buttonImage: "img/calendar-blue.png", 
     //buttonImageOnly: true, 
     onSelect: function(dateText, inst) { 
      reservationDate = $(".datepicker[name=datepicker1]").val(); 
      modifyDate = $(".datepicker[name=datepicker2]").val(); 
      } 
    }); 
}); 
</script> 

<input type="text" class='datepicker' name="datepicker1" /> 
<input type="text" class='datepicker' name="datepicker2" />

來源

2013-06-27 RyK

最簡單的方法是將默認日期放在文本字段上。

<input type="text" class='datepicker' name="datepicker1" value="01/01/2013" />

我不知道這是否是您的方案中最好的。

來源

2013-06-27 19:30:53

@AndrewGibson'defaultDate'在datepicker打開之前不填充表單字段。 – Barmar

謝謝@Barmar。當其他人回答這個問題時，我刪除了我的評論。安迪。 –

與您要設置日期只需創建您的輸入：

<input type="text" class="datepicker" name="datepicker1" value="Your date Here" />

jQuery UI的日期選擇器還允許您指定一個default date。

或者在您的AJAX請求中，將空值替換爲您想要POST的日期。

來源

2013-06-27 19:31:02 Jon

JQuery DatePicker在頁面加載時設置默認日期

回答

相關問題