动态创建日期选择器时的jquery datepicker点击问题答案

【问题标题】：jquery datepicker click issues when datepicker created dynamically动态创建日期选择器时的jquery datepicker点击问题
【发布时间】：2013-10-10 13:55:59
【问题描述】：

我在文档就绪方法上使用 jquery 创建了日期选择器，我的代码如下

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

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

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

当我第一次单击 datepicker 文本框时，它什么也不显示，但下一次单击它会打开 datepicker 对话框，任何人都知道为什么会发生这种情况，我想在第一次单击时打开 datepicker 怎么可能？

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

你的逻辑有点不同步。您只是在单击文本框时将其转换为日期选择器。这意味着在第一次单击之前它只是一个常规文本框。您要做的是在页面加载时将文本框变成日期选择器。

这应该可行：

$(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 
   });

 });

【讨论】：