DatePicker에서 기능

Question

내가 두 datepicker 기능 검사 here

var divContent = '<input type="text" placeholder="Enter date" class="dupInput hasDatepicker" id="gl_img_datepicker" readonly="">'; 

jQuery("#gl_img_datepicker").datepicker(); 
jQuery("#gl_img_datepicker2").datepicker(); 

    jQuery('body').on('click', '#gl_img_datepicker_init', function(e) { 
     jQuery("#gl_img_datepicker").datepicker('show'); 
    }); 

이 작동하지 않습니다하지만 달력을 보여 것 같다되지 않습니다. 이 jsfiddle을 확인하고 api을 읽었지만 문제를 찾을 수 없습니다.

나는

"Uncaught TypeError: Cannot read property 'settings' of undefined "

도와주세요, 감사 콘솔에서이 오류를보고하고 문제가 클래스 이름 'hasDatepicker'로처럼

Answer 1

보인다. 해당 클래스 이름을 제거하면 올바르게 작동합니다.

'hasDatepicker' 클래스 이름은 datepicker 플러그인에서 내부적으로 사용됩니다. 따라서 코드에서 그 이름을 피하는 것이 좋습니다.

<div id="my div "> 
    <input type="text" placeholder="Enter date" class="dupInput" id="gl_img_datepicker" /> 
    <button id="gl_img_datepicker_init">Date</button> 
</div> 

<div id="my_new_div "> 
    <input type="text" placeholder="Enter date" class="dupInput" id="gl_img_datepicker2" /> 
    <button id="gl_img_datepicker_init2">Date</button> 
</div> 

Fiddle