jquery - 多个 jquery datepickers 中的默认日期

Question

我有几个共享一个“日期”类的输入，每个输入都从数据库中获取它的值，并像这样转换为日期选择器：

$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd/mm/yy"
});

我需要的是，当我单击任何输入并显示日期选择器时，该特定日期选择器的默认日期是存储在值中的日期，而不是今天的日期。

我怎样才能做到这一点？

我尝试了以下但没有成功

$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd/mm/yy",
    defaultDate: $(this).val()
});

Answer 1

这个你可能想多了。看看这个小提琴。单击每个输入并查看作为输入值的默认日期。

HTML

<input type="text" class="date" value="02/05/2012" />
<input type="text" class="date" value="06/09/2015" />​

JS

$(function(){
    $(".date").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "dd/mm/yy"
    }); 
});​

Answer 2

试试这个代码：

$(".date").datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: "dd/mm/yy"
}).on( "change", function() {
    $(".date").datepicker("option", "defaultDate", this.value);
});

这会监听输入何时更改并更新defaultDate所有日期选择器字段的设置。请注意，根据您操作输入的方式，您可能需要不同的事件（除了更改）。此外，当前日期值将始终覆盖默认日期（因此我的代码不适用于 wanovak 的示例，因为字段中已经有值）。