JQuery datepicker function for multiple from inputs

Question

I'm trying to use jquery's datepicker for multiple form fields which I have working when hard coded. I don't know how to do this for a variable number of fields. For example, below I have hard coded it to work for two inputs. I want to do this for any amount of inputs the user provides on a previous page. Thanks for the help!

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
      <script src="https://www.cvrc.virginia.edu/otherscripts/jquery-1.9.1.js"></script>
      <script src="https://www.cvrc.virginia.edu/otherscripts/jquery-ui.js"></script>
      <script>
      $(function() {
        $( "#datepicker" ).datepicker();
      });
      $(function() {
        $( "#datepicker2" ).datepicker();
      });
      </script>

      <input type=text name=date size=10 id=datepicker>
      <input type=text name=date size=10 id=datepicker2>

epascarello · Accepted Answer · 2013-12-11 20:57:32Z

1

Use a common class or use the name with an attribute selector

JavaScript

$('[name="date"]').datepicker();

or

$(".datepicker").datepicker();

HTML if you go with the class selector

 <input type="text" name="date" size="10" id="datepicker" class="datepicker">
 <input type="text" name="date" size="10" id="datepicker2" class="datepicker">

answered Dec 11, 2013 at 20:57

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

1 Comment

epascarello Over a year ago

Do they have the same name?

Collectives™ on Stack Overflow

JQuery datepicker function for multiple from inputs

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