2016-04-25 8 views
0

У меня есть форма с несколькими полями датпикера JQuery, но проблема в том, что первые 2 поля работают только, а остальные нет, я искал и нашел this, но не помог., Вот мой код:несколько полей датпикера JQuery

$('.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> 
+0

До тех пор, как все они имеют класс '.datePicker' это шо uld work. Нет необходимости в цикле, поскольку плагин делает это внутренне в любом случае. – adeneo

+0

@adeneo, это то, что должно произойти, но я не знаю, что не так – Sherif

+0

Вы только разместили два поля, которые кажутся [отлично работают] (https://jsfiddle.net/pbsucbn1/), что делает другие поля выглядят? – adeneo

ответ

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', 
    }); 
}); 
+0

не помог, все тот же вопрос – Sherif

Смежные вопросы