多个JQuery datepicker字段

时间:2016-04-25 14:17:58

标签: javascript jquery jquery-ui datepicker

我有一个包含多个JQuery datepicker字段的表单,但问题是前两个字段只能工作而其余字段没有,我搜索并找到this,但没有帮助。,这是我的代码:

$('.datePicker').datepicker({
changeYear: true,
changeMonth: true,
autoSize: true,
dateFormat: "dd-mm-yy",
maxDate: "0y",
showAnim: "show",
yearRange:'c-70:c+0',

});

HTML:

<input type="text" class='datePicker' name='startDate' ><span><img alt="" src="${assetPath(src: 'calendar-icon.png')}"/></span>
<input type="text" class='datePicker' name='endDate' ><span><img alt="" src="${assetPath(src: 'calendar-icon.png')}"/></span>

1 个答案:

答案 0 :(得分:0)

试试这个:

$('.datePicker').each(function(){
    $(this).datepicker({
    changeYear: true,
    changeMonth: true,
    autoSize: true,
    dateFormat: "dd-mm-yy",
    maxDate: "0y",
    showAnim: "show",
    yearRange:'c-70:c+0',
    });
});