Javascript 如何将相同的$（document）.ready（function（）用于多个输入？

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

由于设置相同，我尝试对所有4个日期选择使用dp1，但都不起作用。第一个日期选择起作用，但其他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>

还有其他方法吗？

是的！您可以这样做：

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

---

当然可以：注意，您甚至不需要使用4个不同的日期选择器函数，因为您可以使用jQuery选择器将所有4个日期选择器作为目标，如下所示：

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

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

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

     });

  });
 </script>

---

或者只给他们一个css类所有的dps

---

您只需要使用document.ready函数，其中的所有内容都将像javascritpt一样运行。您是如何编写这样的名称的？或者，您可以给所有这些输入指定相同的类名datepicker，然后只执行一次：$'.datepicker'.datepicker{…}；我同意由提出的解决方案更为优雅，但我这样回答是因为OP在jQuery中是全新的，我想说明用$document.ready编写的代码不需要局限于一条语句。@daveͤ878; 867;ͩ说真的，你是怎么写你的名字的？我的名字使用Unicode字符集。你没有得到所有的字母，但这对我来说已经足够了。在HTML中，它会被写成：dave&868；&878；&867；&873；最好在所有这些字母中添加一个类，比如：class=dpDepends。我不知道op的整个情况，有多少个字母，ID还有什么其他用途，就我所知，根据给出的代码是我写的ID。通常情况下，这个类会更好

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

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

});
</script>