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

【问题标题】：How to not get datepicker to clear text field values?如何不让 datepicker 清除文本字段值？
【发布时间】：2011-05-10 14:33:53
【问题描述】：

我的网站看起来像

其中“开始日期”和“结束日期”为 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 在加载网页时不清除表单字段值？

【问题讨论】：

您确定是日期选择器清除了这些值吗？我以前从未发生过这种情况。

标签： javascript jquery datepicker

【解决方案1】：

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

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

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

【讨论】：