如何最小化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 
         });

在這里嘗試小提琴