javascript - 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但我找不到问题。

我在控制台中看到此错误

“未捕获类型错误:无法读取未定义的属性“设置””

请帮忙，谢谢

Answer 1

问题似乎出在类名“hasDatepicker”上。如果删除该类名，它将正常工作。

'hasDatepicker' 类名在日期选择器插件内部使用。因此最好在代码中避免使用该名称。

<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