Question

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

Answer 1

将文本输入添加到html后，您仍然需要在其上调用jQuery的日期选择器：

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

Answer 2

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

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

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

将文本更改为“datepicker”输入字段onclick

2 个答案: