Jquery UI use object multiple times

Question

I need to display different amount of Date Pickers. Forms are generated dynamic, so I can't predict how many Datepickers I will use. Is it possible to use one id for all inputs?

 $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99");
<input type="text" name="startDate1" value="" id="datepicker" >
<input type="text" name="startDate2" value="" id="datepicker" >

http://jsfiddle.net/UKbuC/

It is not a good practice to use the same id. You can define class which you can use for all the fields, and select them by class name. — Darin Kolev
– Darin Kolev, Commented Mar 27, 2013 at 23:53

SteveP · Accepted Answer · 2013-03-26 15:04:43Z

2

No. You shouldn't have more than element with the same id. In jquery, a better way would be to give them all a class of 'datepicker' and use the selector '.datepicker' instead.

<input type="text" name="startDate1" value="" class="datepicker" >
<input type="text" name="startDate2" value="" class="datepicker" >

$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99");

answered Mar 26, 2013 at 15:04

SteveP

19.2k9 gold badges49 silver badges62 bronze badges

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

Comments

techfoobar · Accepted Answer · 2013-03-26 15:04:44Z

0

Use one class instead of id for all the inputs and bind the datepicker using the class name.

// bind datepicker using class name
$(".mydatepicker").datepicker({ dateFormat: 'yy-mm-dd' }).mask("9999-99-99");

<input type="text" name="startDate1" value="" class="mydatepicker" >
<input type="text" name="startDate2" value="" class="mydatepicker" >

answered Mar 26, 2013 at 15:04

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Collectives™ on Stack Overflow

Jquery UI use object multiple times

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related