Question

我正在使用jQuery日期选择器，我创建了多个DatePicker实例（an example）

在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 
         });

然后尝试fiddle

如何在DatePicker中最小化JavaScript代码

2 个答案: