用于生成的 html 输入的 jquery datepicker 不起作用

Question

我正在尝试为 jquery 生成的 html 输入生成 datepicker，如下所示：

<input type="text" class="cal" />
<a href="#" id="datepicker">Show </a>
<div id="newdp"></div>

还有 JS

var datePickerOptions = {
    dateFormat: 'yy-mm-dd',
    firstDay: 1,
    changeMonth: true,
    changeYear: true,
}
$(document).ready(function () {
    $(".cal").datepicker(datePickerOptions);
 });
$('#datepicker').click(function(){
   var html = '';
    html += '<input type="text" class="cal" />';
    $('#newdp').html(html);
});

我使用js 代码，如jquery datepicker not working on dynamically created html 中所述。但就我而言，它不起作用！

JSFiddle

Answer 1

您需要将日期选择器附加到新创建的 html 元素

$('#datepicker').click(function(){
   html += '<input type="text" class="cal" />';
   $('#newdp').html(html);
   html.datepicker(); // apply the date picker