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

时间:2012-08-29 14:46:00

标签: javascript jquery jquery-ui

使用JS生成名称为

的输入字段列表
name="date_from[]"

使用以下方法实例化类' date_picker'

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

当使用JS生成新记录时,新输入字段显示日期选择器,但所选日期始终插入第一个字段。

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

1 个答案:

答案 0 :(得分: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++];
        }
    }
})​

这是a live example