функция 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 "

пожалуйста, помогите, спасибо

Answer 1

Похоже, что проблема с именем класса 'hasDatepicker'. Если вы удалите это имя класса, он будет работать нормально.

'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