如何在DatePicker中最小化JavaScript代码

How to Minimize the Code of JavaScript In DatePicker

本文关键字：最小化 JavaScript 代码 DatePicker      更新时间：2023-09-26

我正在使用jQuery日期选择器，我已经创建了多个DatePicker实例(一个示例)

这个脚本在JavaScript中使用了四次:

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

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

可以同时选择所有id:

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

虽然我个人会引入my-datepicker类并使用它:

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

你可以给每个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 
         });

和这里试试小提琴

相关文章：