加载时自动将选定日期设置为 altField

Question

我想在加载页面时设置 datepicker 字段和 altField 的值，我想知道 datepicker 中是否有一个选项可以自动执行此操作（即无需调用 设置日期）。

我知道，如果我这样做：

$("#date-div").datepicker({altField:"#date-input",altFormat:"yy-mm-dd", defaultDate:+7});

将 date-div 作为 div 时，默认日期会自动添加到 date-input页面加载时的字段。 但是，如果我使用文本字段而不是 div，它不会自动设置值（我必须在单独的行中调用 setDate）。

我只是对此感到好奇，我已经通过调用 setDate 实现了它，但我想知道是否有东西可以自动执行，如果不是为什么？ （因为它在使用 div 显示日历时确实有效）。

Answer 1

设置 defaultDate 的最佳选择是使用 Moment.js，因为解析日期的浏览器实现不可靠。例如，如果您的 altField 是日期选择器字段之前的字段并且采用 ISO 8601 格式，您可以执行以下操作：

$(this).datepicker({
    altField: $(this).prev(),
    altFormat: $.datepicker.ISO_8601,
    defaultDate: moment($(this).prev().val()).toDate()
});

这只会在打开日历时设置默认选定的日期。如果您还想填充日期选择器字段，可以在使用上面的代码初始化日期选择器后执行此操作：

$(this).datepicker("setDate", moment($(this).prev().val()).toDate());

Answer 2

不是 100% 优雅，因为它需要重复，但它对我有用：

$("#date-div").datepicker({altField:"#date-input",altFormat:"yy-mm-dd", defaultDate:$("#date-input").val()});