用于多个from输入的JQuery日期选择器函数

JQuery datepicker function for multiple from inputs

本文关键字:JQuery 日期 选择器 函数 输入 from 用于      更新时间:2024-06-24

我正在尝试将jquery的日期选择器用于多个表单字段,这些字段在硬编码时已在使用。我不知道如何对数量可变的字段执行此操作。例如,下面我对它进行了硬编码,使其适用于两个输入。对于用户在前一页上提供的任何数量的输入,我都希望这样做。谢谢你的帮助!

 <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>

使用公共类或将名称与属性选择器一起使用

JavaScript

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

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

HTML如果使用类选择器

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