Javascript DatePicker

Question

У меня есть следующая функция JavaScript

    window.onload = function(){
        new JsDatePick({
            useMode:2,
            target:"datafield",
            dateFormat:"%d-%M-%Y"
        });
    };


<input name="fromdate" type="text" id="datafield"  /> 

<input name="todate" type="text" id="datafield"  />

и когда я нажимаю fromdate, текстовое поле datepicker показывает, когда я щелкаю todate, текстовое поле datepicker не отображается из-за того же идентификатора, как оно преодолевается?

Answer 1

Вы не можете иметь два элемента с одинаковым идентификатором, это недопустимо. Либо измените код для работы с именем класса, либо измените идентификатор второго входа средства выбора даты (например, на datafield2) и добавьте еще одну строку в свой JavaScript:

new JsDatePick({
  useMode:2,
  target:"datafield2",
  dateFormat:"%d-%M-%Y"
});

Answer 2

Поскольку вы правильно определили проблемы с повторяющимся идентификатором.

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

  window.onload = function(){
        new JsDatePick({
            useMode:2,
            target:"fromdate",
            dateFormat:"%d-%M-%Y"
        });
                        new JsDatePick({
            useMode:2,
            target:"todate",
            dateFormat:"%d-%M-%Y"
        });
    };


<input name="fromdate" type="text" id="fromdate"  /> 

<input name="todate" type="text" id="todate"  />

Answer 3

почему бы просто не использовать datequicker jquery ui ?затем используйте

$(function() {
    $(".datepicker" ).datepicker();
});

, где класс datepicker был добавлен в каждое текстовое поле

<input name="fromdate" type="text" id="fromdate" class="datepicker"/> 
<input name="todate" type="text" id="todate" class="datepicker"/>

Answer 4

 window.onload = function(){
        new JsDatePick({
            useMode:2,
            target:"fromdate",
            dateFormat:"%d-%M-%Y"
        });
new JsDatePick({
            useMode:2,
            target:"todate",
            dateFormat:"%d-%M-%Y"
        });
    };


<input name="fromdate" type="text" id="fromdate"  /> 

<input name="todate" type="text" id="todate"  />

Замена идентификатора занимает один раз, если 2 идентичных имени на одной странице