Jquery 日期选择器对附加元素不起作用

Jquery datepicker doesnt work on appended element

我似乎无法让日期选择器处理此问题。

我的Javascript:

$(function () {
    $('.date-picker1').datepicker({ dateFormat: 'yy-mm-dd' }).val();


}
);

这是点击按钮后调用的函数。

    var count2 = "1";
function addRow2(in_tbl_name)
{
    var tbody = document.getElementById(in_tbl_name).getElementsByTagName("TBODY")[0];
    // create row
    var row = document.createElement("TR");


    // create table cell 2
    var td2 = document.createElement("TD")
    var strHtml2 = "<input class='date-picker1' name='date"+count2+"' id='date"+count2+"'     />";
    td2.innerHTML = strHtml2.replace(/!count2!/g,count2);

    row.appendChild(td2);

    count2 = parseInt(count2) + 1;
    // append row to table
    tbody.appendChild(row);
} 

就像@adeneo 说的:
放:

$('.date-picker1').datepicker({ dateFormat: 'yy-mm-dd' }).val();

之后
tbody.appendChild(row);