multiple JQuery datepicker fields

Question

I have a form with multiple JQuery datepicker fields, but the problem is the first 2 fields only work and the rest not , i searched and found this , but didn't help., here is my code :

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

As long as they all have the class .datePicker it should work. There's no need for a loop as the plugin does that internally anyway. — adeneo
– adeneo, Commented Apr 25, 2016 at 14:22
@adeneo , this what suppose to happen but i don't know what is wrong — Sherif
– Sherif, Commented Apr 25, 2016 at 14:27
You've only posted two fields, that seem to work just fine, what does the other fields look like ? — adeneo
– adeneo, Commented Apr 25, 2016 at 14:45
@adeneo, these 2 fields are duplicated 4 times . these are all the fields related to the datepicker — Sherif
– Sherif, Commented Apr 25, 2016 at 17:56
That still seems to work just fine, so something else must be wrong ? — adeneo
– adeneo, Commented Apr 25, 2016 at 18:10

Pang · Accepted Answer · 2016-11-12 07:35:32Z

0

Try this:

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

edited Nov 12, 2016 at 7:35

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Apr 25, 2016 at 14:22

Dhara Parmar

8,1231 gold badge19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sherif Over a year ago

didn't help , still the same issue

Collectives™ on Stack Overflow

multiple JQuery datepicker fields

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related