将文本更改为“日期选择器”输入字段 onclick答案

【问题标题】：Change text into 'datepicker' input field onclick将文本更改为“日期选择器”输入字段 onclick
【发布时间】：2013-07-15 18:37:21
【问题描述】：

我正在尝试将 Jquery 的日期选择器插入到我的网页中。我正在正确导入，因为我让它在不同页面上的表单上工作，但我试图在这个页面上做一些不同的事情。我在页面上显示了一个预先输入的日期，旁边有一个小的“编辑”图标。我想单击图标并将日期更改为充当日期选择器的输入字段。它成功更改为文本输入字段，但由于某种原因，当我选择它时不会弹出日期选择器日历。

我的 HTML：

    <a class="edit" href="#!" onClick="editStart()"> 
    <i class="icon-edit icon-white"></i> </a> Start Time: 
       <span style="outline-color:black;" id="start">{{ event.start }}</span>

Javascript：

function editStart(){  // Makes start time of event editable
    $('#tabs2').slideDown(200);
    $('#start').html('<input type="text" id="datepicker">');
}

【问题讨论】：

标签： javascript jquery

【解决方案1】：

将文本输入添加到html后，还需要调用jQuery的datepicker就可以了：

function editStart(){  // Makes start time of event editable
    $('#tabs2').slideDown(200);
    $('#start').html('<input type="text" id="datepicker">');
    $('#datepicker').datepicker();
}

【讨论】：

完美，就是这样！谢谢

【解决方案2】：

创建具有特定 id 的输入字段是不够的。您需要在您的字段上启动 datepicker。比如：

$("#datepicker").datepicker();

此字段不需要由脚本创建。它可以出现在您的页面上，您只需要在需要时在其上运行 datepicker。

【讨论】：