使用多个日期选择器

时间:2012-11-19 16:10:37

标签: jquery jquery-ui jquery-ui-datepicker

我想在同一表单中使用多个日期选择器 并且需要altFields以及每个日期选择器的某些逻辑。 日期选择器是动态命名的,例如date_1date_2等。 而altFields的名称为date_1_altdate_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函数等。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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

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