javascript - 使用数组表示法在多个字段上的 jQuery 日期选择器

Question

使用 JS 生成输入字段列表，其名称为：

name="date_from[]"

类，“date_picker”，使用实例化：

$( ".date_picker" ).datepicker({ dateFormat: "dd-mm-yy" });

当使用 JS 生成新记录时，新的输入字段确实会显示日期选择器，但选择的日期总是插入到第一个字段中。

是否有任何解决方案，或者可能是 date_picker 中的选项以使其插入当前选定的字段？

Answer 1

datepicker 有一个onClose事件，它为结果提供一个变量。您需要将其取出、拆分并将其设置为您的输入：

var $input = $('input')
$input.datepicker({
    dateFormat: 'dd-mm-yy'
  , onClose: function(dateText) {
        for (var i = 0, date = dateText.split('-'), item; item = $input[i];) {
            item.value = date[i++];
        }
    }
})​

这是一个活生生的例子。