[英]How to Minimize the Code of JavaScript In DatePicker
I am Using jQuery date picker,and I have created multiple instances of DatePicker ( an example ) 我正在使用jQuery日期选择器,并且创建了多个DatePicker实例( 一个示例 )
In JavaScript this script is used four time: 在JavaScript中,此脚本使用了四次:
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage:"images/calendar.gif",
buttonImageOnly: true });
I want to minimize the code of javascript. 我想最小化javascript代码。 What should I do? 我该怎么办?
You can select all ids together: 您可以一起选择所有ID:
$( "#datepicker, #datepicker2, #datepicker3, #datepicker4" ).datepicker({
...
Although, personally I would've introduced class my-datepicker
and used it: 尽管我个人会介绍my-datepicker
类并使用它:
$(".my-datepicker").datepicker({
You could give each of the input
elements same class say myDatepicker
and then try 您可以给每个input
元素相同的类,例如myDatepicker
,然后尝试
Here is the HTML 这是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>
and javascript 和JavaScript
$( ".myDatepicker" ).datepicker({ showOn: "button",
buttonImage:"images/calendar.gif",
buttonImageOnly: true
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.