jQuery的日期选择器点击的问题时，日期选择器动态

Question

创建我创建使用jQuery的文件准备好方法，我的代码，日期选择器，如下

$(document).ready(function(){ 
    $("#setdate").html('<input type="text" class="datepicker">'); 
}); 

所以我的文本框在运行时创建和我加入类名作为日期选择器，当我点击在该文本框它不显示日期选择器对话框，因为它创建的页面加载时间，所以我加入以下代码

$(this).on("click", ".datepicker", function(){ 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 
}); 

当我点击在第一时间日期选择器的文本框就说明什么，但接下来点击打开日期选择器对话框可以任何人都知道为什么这个哈ppens，我想打开datepicker第一次点击它如何可能？

Answer 1

你的逻辑稍微不同步。点击时您只能将文本框变成日期选择器。这意味着在第一次点击之前它只是一个普通的文本框。 你想要做的是将文本框变成pageload上的日期选择器。

这应该工作：

$(document).ready(function(){ 

    //create the text box 
    $("#setdate").html('<input type="text" class="datepicker">'); 

    //initialise the datepicker code on the text box 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 

});