添加InnerHTML时,Jquery DatePicker不起作用

时间:2016-07-29 10:10:58

标签: javascript jquery html datepicker

我有一个日期选择器,当我使用item = random.choice(list) 添加日期选择器时,它不起作用。

innerHTML

这是正在添加的html。我已经在地方阅读只是为了重新分配日期选择器,但仍然没有运气,我试图在焦点上添加一个事件,但仍然无法工作。

while (currentMovedAmount < movedAmount)
{
    currentMovedAmount++;
    movedInContainer.innerHTML += extraAddresses.innerHTML;
    movedInContainer.innerHTML += '<hr>';
    $(".datepicker").datepicker();
}

更新 拼写datepicker的错误 如果我将id分配给id,我可以使它正常工作,但如果id相同,那么这会阻止日期选择器在类中工作吗?

Soultion 不要使用班级&#34; .datepicker&#34;

1 个答案:

答案 0 :(得分:2)

我认为这可能是由于类名拼写错误,在html中你将类声明为'datepicker'但在js中你称为'datepick'?

//js
$( function() {
    $("#datepicker" ).datepicker();
    $('#dynamic').html('Date: <input type="text" class="datepicker">');
    $(".datepicker" ).datepicker();
});

//html
<p>Date: <input type="text" id="datepicker"></p>
<p id='dynamic'></p>

找到以下小提琴解决方案供参考 - 使用静态和动态添加html创建,两者都没有任何缺陷。

http://jsfiddle.net/b68Xb/2621/