使用多个日期选择器

Question

我想在同一个表单中使用多个日期选择器 并且需要 altFields 以及每个日期选择器的某些逻辑。 日期选择器是动态命名的，例如 date_1、date_2 等。 而 altField 被命名为 date_1_alt、date_2_alt。

我不想设置多个定义foreach datepicker，而只是通过选择器[id^='date_'] 或即通过类.date 使用一个定义

$("[id^='date_']").datepicker({
  dateFormat: "dd MM yy",
  altFormat:  "yy-mm-dd",
  altField: $(this).attr('id')+"_alt"
});

问题是 altField 的动态定义（给出的代码不起作用）。 我尝试了许多不同的方法，但找不到正确的方法来定义将自动创建相应 altFields 的动态分配（例如 date_1 -> date_1_alt 等）

有人知道完成这项工作的正确方法吗？ 同样的问题与进一步的逻辑有关，例如定义onSelect 函数等。

感谢您的帮助！

Answer 1

您可以手动迭代每个匹配元素并以这种方式应用 datepicker：

$("[id^='date_']").each(function () {
    var $this = $(this);

    $this.datepicker({
        dateFormat: "dd MM yy",
        altFormat:  "yy-mm-dd",
        altField: $this.attr('id')+"_alt"
    });
});