Javascript 如何在动态创建的文本字段上创建日期选择器？

这是我的文本字段：

<input type='text' id='activationdate' name='activationdate' style='height:"+height*2.5/100+"px;font-size:"+height*2.3/100+"px' class='activationdate'/>

<input type='text' id='activationdate"+temp+"' name='activationdate' style='height:"+height*2.5/100+"px;font-size:"+height*2.3/100+"px' class='activationdate'/>

但它不起作用。请帮助………

您需要对动态创建的元素使用委托事件方法

使用

编辑 在创建元素后应用插件，而不是使用事件增量

function addDataUpper(){
    //Your Existing code

    //Add Plugin
    $('#activationdate'+temp).datepicker({
        changeMonth: true,
        changeYear: true
    });     
    return false;        
}

---

它正在工作。但问题是，当我第二次单击文本框（主文本框或动态文本框）时，它开始工作。第一次单击它时，什么都没有发生。这是因为代码有问题吗？@AbhinabKanrar，你是否已经为主文本框应用了

日期选择器

，我最初也这么认为。但它没有在任何地方使用。我已经多次checked@AbhinabKanrar，您能否向代码演示如何创建它们？最好在创建插件后应用插件。添加代码作为答案，因为它会在这里搞砸

$(document).on('click', 'input[id^="activationdate"]', function() {
    $(this).datepicker({
        changeMonth: true,
        changeYear: true
    });
});

function addDataUpper(){
    //Your Existing code

    //Add Plugin
    $('#activationdate'+temp).datepicker({
        changeMonth: true,
        changeYear: true
    });     
    return false;        
}