DatePicker函数不起作用

时间:2014-10-23 10:08:05

标签: javascript jquery jquery-ui 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 "

请帮助,谢谢

1 个答案:

答案 0 :(得分:3)

似乎问题是类名'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