2011-05-10 79 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