의 jQuery 날짜 선택기가 PC

Question

에서 작동하지 않는 것은 여기 내 웹 사이트 - http://www.danfords.com/

내가 오른쪽 상단 도착 & 출발 필드의 jQuery 날짜 선택기를 사용합니다. Tablet/Smartphone보기에서 동일한 코드를 사용하면 datepicker가 완벽하게 작동하지만 내 PC에서는 작동하지 않습니다.

코드 -

    <fieldset> 
      <label for="arrival">Arrival</label> 
      <input type="text" id="datepicker" name="DateIn"/> 
     </fieldset> 
     <fieldset> 
      <label for="departure">Departure</label> 
      <input type="text" id="datepicker2" name="DateOut"/> 
     </fieldset> 

Answer 1

태블릿과 PC의 HTML 요소에 대해 반복 동일한 ID datepicker 두 요소를 가지고있다. id가 반복되면 jQuery는 첫 번째 일치 항목에서만 작동합니다. 태블릿 요소가 먼저 배치되므로 태블릿 요소는 PC가 아닌 태블릿에서 작동합니다.

Answer 2

PC에서 사용할 수 있도록 footer html에 추가하십시오.

$(function() { 
    $("#datepicker").datepicker({ 
     'changeMonth': true, 
     'changeYear': true, 

    }); 
    $("#datepicker2").datepicker({ 
     'changeMonth': true, 
     'changeYear': true 
    }); 
});