javascript - 如何不让日期选择器清除文本字段值？

Question

我有一个看起来像 的网站

其中“开始日期”和“结束日期”为 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"/>

如何让日期选择器在加载网页时不清除表单字段值？

Answer 1

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

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

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