javascript - DatePicker功能不起作用

我有两个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”上。如果删除该类名，它将可以正常工作。

'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