Jquery 如何将datepicker（）应用于django模板中的每个表字符？

我当前的read out只显示运行的第一行上的数据采集器，即使它在for循环中，我的jquery并不强大，但我相信这就是我的问题所在

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
 <script>
  $(function() {
    $( "#datepicker" ).datepicker()
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
    });
  });
  </script>

$（函数（）{
$（“#datepicker”）.datepicker（）
$（“#格式”）.change（函数（）{
$（“#datepicker”）.datepicker（“option”，“dateFormat”，“this.val（））；
});
});

这只是我代码的html，可能我需要向其中添加一个类，但如果jquery基于id运行代码，这应该无关紧要。

全部检查
根名
网址
卡斯特
JVMS
x64
当前平台
当前jdk
野猫
时间
日期
{根%中的状态为%0}
{{status.rootname}
{{status.url}}
{{status.custs}
{{status.jvmms}}
{{status.x64}}
{{status.currentplatform}
{{status.currentjdk}}
{{status.currenttomcat}

是
颗粒物
{%endfor%}

您应该将jquery代码应用于类，而不是元素id：

$(".pick").datepicker();
$("#format").change(function() {
      $(".pick").datepicker("option", "dateFormat", $(this).val());
});

---

id和类之间的区别在于类可以在页面上重复使用，但id只能使用一次。因此，如果您将任何函数附加到id选择器，它将只使用一次。

Matino在关于该类的陈述中当然是正确的，但使用django，您只需在html中添加一个forloop.counter即可

**$(".pick").datepicker();
$("#format").change(function() {
  $(".pick").datepicker("option", "dateFormat", $(this).val());
    });**

<td> <p class= "selector"> <input type="text" class="pick" id="datepick **{{forloop.counter}}**" size="25"  /> </p> </td>
                        <td>

**$（“.pick”）.datepicker（）；
$（“#格式”）.change（函数（）{
$（“.pick”）.datepicker（“选项”，“日期格式”，$（this.val（））；
});**

谢谢，您帮助我更接近解决方案，但输出仅显示在1个表行上，而不是每个表行上

**$(".pick").datepicker();
$("#format").change(function() {
  $(".pick").datepicker("option", "dateFormat", $(this).val());
    });**

<td> <p class= "selector"> <input type="text" class="pick" id="datepick **{{forloop.counter}}**" size="25"  /> </p> </td>
                        <td>