0

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

我的 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">');
}
4

2 回答 2

3

将文本输入添加到 html 后，您仍然需要jQuery在其上调用 's datepicker：

function editStart(){  // Makes start time of event editable
    $('#tabs2').slideDown(200);
    $('#start').html('<input type="text" id="datepicker">');
    $('#datepicker').datepicker();
}
于 2013-07-15T18:43:03.873 回答
1

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

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

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

于 2013-07-15T18:43:52.443 回答