Несколько случаев выбора даты jQuery

Question

Представьте, что у меня есть форма, в которой я хотел бы указать "дату аренды" и "дату возврата".

Я хочу использовать календарь для выбора.

Однакомой код не работает.Я думаю, что это как-то связано с тем, что оба имеют одинаковый идентификатор, но я не хочу переписывать целую загрузку нового CSS для каждого, который мне нужно использовать (в настоящее время около 4).

<script type=”text/javascript”>
    jQuery(document).ready(function(){
        $( "#datepicker" ).datepicker();
                $( "#datepicker" ).datepicker2();
    });
</script> 

<div class="demo">
  <p>Date: <input id="datepicker" class="datepicker" type="text"></p>
</div>         <!-- End demo -->

<div class="demo">
  <p>Date: <input id="datepicker" class="datepicker" type="text"></p>
</div>         <!-- End demo -->

Answer 1

идентификаторы HTML-элементов должны быть уникальными .

Использовать вместо этого класс.

$( ".datepicker" ).datepicker();

Если aдокумент содержит несколько элементов с одинаковым идентификатором, вы будете съедены велоцирапторами Великий Ктулху будет вызван и поглотит мир плоховещи будут происходить (как вы видели! :).

Answer 2

Независимо от того, как вы это видите, идентификаторы должны быть уникальными

Answer 3

У вас будет больше проблем с любым JavaScript, если вы назначите один и тот же идентификатор нескольким элементам на странице. Вы должны исправить это в первую очередь.

Идентификатор должен быть уникальным, иначе с DOM, который используют javascript / jquery, могут возникнуть проблемы.

Answer 4

Если у вас есть несколько элементов с одинаковым идентификатором, селектор вернет только первый.

Что вам нужно сделать, это использовать селектор классов, чтобы назначить указатель даты.

Я думаю, что это может сработать:

$(".datapicker").datepicker();