如何不让datepicker清除文本字段值？

Question

我的网站看起来像

其中“开始日期”和“结束日期”为datepicker。

生成网页时，我可以在这些字段中填写值，但也可以在其中添加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"/>

如何在加载网页时让datepicker不清除表单字段值？

Answer 1

不确切知道原因，但它与您的onSelect功能有关。我认为您期待一个特殊的dateFormat，并且鉴于您的初始值没有该格式，datepicker只是删除该值。

但是，如果您将dateFormat设置为最初与输入的初始值匹配，则不会有任何问题。

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