2011-05-10 75 views
5

我有一個網站,看起來像this如何不讓datepicker清除文本字段值?

如何在「開始日期」和「結束日期」是datepicker

在生成的網頁,我可以在值填寫在這些領域,但添加日期選擇它們的影響,清除值。

我初始化日期選擇器,像這樣

$(function() { 
    var dates = $("#from, #to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      var option = this.id == "from" ? "minDate" : "maxDate", 
      instance = $(this).data("datepicker"), 
      date = $.datepicker.parseDate(
       instance.settings.dateFormat || 
       $.datepicker._defaults.dateFormat, 
       selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 
     } 
    }); 


    $("#from, #to").datepicker("option", "dateFormat", "dd/mm-yy"); 
}); 

和HTML看起來像

<input class="new" type="text" id="from" name="from"/> 

我如何向日期選擇器加載網頁時不清除表單字段值?

+1

你確定它的日期選擇器清除值?我從來沒有這樣的事情發生過。 – Jimmy 2011-05-10 14:52:52

回答

1

不知道爲什麼,但它與你的onSelect函數來完成。我想你期待一個特殊dateFormat和,因爲你的初始值不具有格式,日期選擇器只是下降值。

如果,但是,設置dateFormat最初符合您輸入的初始值,你不會有任何問題。

工作例如:http://jsfiddle.net/marcosfromero/3MG9D/

+0

非常令人印象深刻!謝謝=) – 2011-05-10 20:43:55