#javascript #jquery #css
#javascript #jquery #css
Вопрос:
Я использую средство выбора даты jQuery, и я создал несколько экземпляров DatePicker (пример)
В JavaScript этот скрипт используется четыре раза:
$( "#datepicker" ).datepicker({
showOn: "button",
buttonImage:"images/calendar.gif",
buttonImageOnly: true });
Я хочу минимизировать код javascript. Что я должен делать?
Комментарии:
1. Скрипка находится на jsfiddle.net/premseoul/myvaf
Ответ №1:
Вы можете выбрать все идентификаторы вместе:
$( "#datepicker, #datepicker2, #datepicker3, #datepicker4" ).datepicker({
...
Хотя, лично я бы ввел class my-datepicker
и использовал его:
$(".my-datepicker").datepicker({
Комментарии:
1. добавьте @prem
class="my-datepicker"
к каждому входному сигналу (тогда вы также можете удалить атрибут id). S.M.09 уже показывает полный пример.
Ответ №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
});
и здесь попробуйте скрипку
Комментарии:
1. не могли бы вы, пожалуйста, объяснить мне суть этого .. я не совсем понимаю вашу точку зрения
2. @prem: привет, я обновил пост, взгляните на него …. а также опубликовал скрипку
3. Теперь я понял, что ты хотел сказать, чувак