Question

我是JavaScript / jQuery的新手，我在使用DatePicker的表单中有4个日期选择。

看到设置是相同的，我尝试使用dp1进行所有4个日期选择，但它不起作用。第一次约会选择有效，但其他3人不参加。

所以目前我正在这样做，但由于设置相同，它似乎没有多余的额外代码。

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp1').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp2').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp3').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp4').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

还有其他办法吗？

Answer 1

当然你可以:)并注意你甚至不需要使用4个不同的日期选择器函数，因为你可以使用jQuery选择器来定位所有4个日期选择器，如下所示：

<script type='text/javascript'>
 $(document).ready(function() {

    $('#dp1, #dp2, #dp3, #dp4').datepicker({

     autoclose: true,
     format: "yyyy-mm-dd"

     });

  });
 </script>

Answer 2

是的！你可以这样做：

<script type='text/javascript'>
  $(document).ready(function() {
     $('#dp1').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
     $('#dp2').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
     $('#dp3').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
     $('#dp4').datepicker({
         autoclose: true,
         format: "yyyy-mm-dd"
     });
  });
</script>

Answer 3

或（只给他们一个css类all_dps）

<script type='text/javascript'>
$(document).ready(function() {

  $('.all_dps').datepicker({
   autoclose: true,
   format: "yyyy-mm-dd"
  });

});
</script>

如何为多个输入使用相同的$（document）.ready（function（）？

3 个答案: