Javascript 日期选择器onselect不工作[动态创建日期选择器div时]

我有一个

datepicker

函数，它似乎在工作，但它的

onSelect

函数不工作。我看不到

警报（）

$（函数（）{
var divContent='日期'；
jQuery（'body'）。在（'click'，'gl#img#datepicker_init'，函数（e）{
jQuery（“#gl#img#datepicker”）.datepicker（'show'）；
});
//onselect日期选择器函数
jQuery（'#gl#img#datepicker'）。datepicker（'option'，'onSelect'，
函数（日期文本，inst）{
警报（'glImgExpiry-->'+日期文本）；
});
jQuery（'body'）。在（'click'，'#mybutton'，函数（e）上{
jQuery（“#我的div”）.append（divContent）
jQuery（“#gl#img#datepicker”）.datepicker（）；
});
});

检查我的

我已经看到了下面的问题，但没有帮助





谢谢
您试图将该事件分配给尚不存在的字段（即在创建“gl#img#datepicker”并将其插入文档之前）。像这样尝试（以下是答案）：

$（函数（）{
var divContent='日期'；
jQuery（'body'）。在（'click'，'gl#img#datepicker_init'，函数（e）{
jQuery（“#gl#img#datepicker”）.datepicker（'show'）；
});
jQuery（'body'）。在（'click'，'#mybutton'，函数（e）上{
jQuery（“#我的div”）.append（divContent）
jQuery（“#gl#img#datepicker”）.datepicker（）；
//我们已经将div内容附加到文档中；我们
//可以继续该字段的实际日期选择器事件
//onselect日期选择器函数
jQuery（'#gl#img#datepicker'）。datepicker（'option'，'onSelect'，
函数（日期文本，inst）{
警报（'glImgExpiry-->'+日期文本）；
});    
});
});
不，不为ans@user1680977的甲烷罐工作——有更好的方法吗。。在同样的情况下，我告诉？感谢天才的答案，我希望这是正确的方式做这件事。无论如何，对我来说最重要的是，它是有效的：）…非常感谢你，我会这样做，但是，如果你想有多个输入字段，你应该使用
.classes
而不是
\ids
$(function() {
var divContent = '<input type="text" placeholder="Enter date" class="dupInput" id="gl_img_datepicker" readonly=""><button id="gl_img_datepicker_init">Date</button>';


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

//onselect datepicker function 
jQuery('#gl_img_datepicker').datepicker('option', 'onSelect',
   function(dateText, inst) {
     alert('glImgExpiry-->' + dateText);
});
jQuery('body').on('click', '#mybutton', function(e) {
  jQuery("#my_div").append(divContent)
  jQuery("#gl_img_datepicker").datepicker();        
});

});

$(function() {
    var divContent = '<input type="text" placeholder="Enter date" class="dupInput" id="gl_img_datepicker" readonly=""><button id="gl_img_datepicker_init">Date</button>';


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

    jQuery('body').on('click', '#mybutton', function(e) {
        jQuery("#my_div").append(divContent)
        jQuery("#gl_img_datepicker").datepicker();    

        // We have already appended the divContent to the document; we
        // can continue with the actual datepicker event for that field

        //onselect datepicker function 
        jQuery('#gl_img_datepicker').datepicker('option', 'onSelect',
           function(dateText, inst) {
             alert('glImgExpiry-->' + dateText);
        });    
    });

});