Блог

Главная - Вопросы по программированию - Как минимизировать код JavaScript в DatePicker

Как минимизировать код JavaScript в DatePicker

#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. Теперь я понял, что ты хотел сказать, чувак