如何最小化DatePicker中的JavaScript代码

Question

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

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

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

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

Answer 1

您可以一起选择所有ID：

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

尽管我个人会介绍my-datepicker类并使用它：

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

Answer 2

您可以给每个input元素相同的类，例如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>

和JavaScript

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

          buttonImage:"images/calendar.gif",

          buttonImageOnly: true 
         });

在这里尝试小提琴