如何在DatePicker中最小化JavaScript代码

我正在使用jQuery日期选择器，并且我已经创建了多个DatePicker（）实例

在JavaScript中，此脚本使用了四次：

$( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage:"images/calendar.gif",
    buttonImageOnly: true });

---

我想最小化javascript的代码。我该怎么办？

您可以同时选择所有ID：

$( "#datepicker, #datepicker2, #datepicker3, #datepicker4" ).datepicker({
    ...

不过，就我个人而言，我会引入class

我的日期选择器

，并使用它：

$(".my-datepicker").datepicker({

---

您可以给每个

输入

元素一个类，比如说

myDatepicker

，然后再试一次

这是HTML

<p>Date: <input type="text" id="datepicker" class="myDatepicker"></p>
<p>Date: <input type="text" id="datepicker2" class="myDatepicker"></p>
<p>Date: <input type="text" id="datepicker3" class="myDatepicker"></p>
<p>Date: <input type="text" id="datepicker4" class="myDatepicker"></p>

---

来试试这个

你能告诉我这个吗..我不明白你的意思point@prem：嘿，我已经更新了帖子，看看吧……还发布了Fiddle现在我得到了你想要说的thax dudeFiddle位于@prem Add

class=“my datepicker”

（你也可以删除id属性）。S.M.09已经给出了完整的示例。

        $( ".myDatepicker" ).datepicker({ showOn: "button",

          buttonImage:"images/calendar.gif",

          buttonImageOnly: true 
         });