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

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

JSFiddle

Answer 1

您需要将datepicker附加到新创建的html元素

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

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

1 个答案: