ajax - JQuery datePicker 不适用于动态创建的输入元素

Question

我正在尝试将 jquery datepicker 集成到我使用脚本动态创建的输入字段中。

我的脚本就像...

function getDate(id)
{
       $('.pop-up-link').show();
        $.ajax({
        url :   'gettartDate.jav',
        data    :   'Id='+id,
        success :   function(dateStr)
                        {
                             var htmlStr = 'Start Date : <input type="text" class="datepicker" id="startDateId" value="'+dateStr.StartDate+'"/>';
                             $(".pop-info").html(htmlString);
                             $('.datepicker').datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true});
                        }
}

当我需要编辑数据库中的日期并向数据库添加新条目时，我正在调用此脚本。当我需要添加新条目时，我将 id 设置为 0 并返回一个空白字符串..

现在是我的问题。日期选择器非常适合编辑功能..但是当我添加新条目时，日期选择器用户界面出现..但是日期没有更新到该输入字段。再次，当我发出警报以显示所选日期时，我注意到只有日期在改变。即使我更改了年份和月份也没有改变

Answer 1

这可能是因为您动态添加具有相同 ID 的日期选择器，我在动态创建的日期选择器方面遇到了同样的问题。如果有的话，你可以取出 Id attr 并使用 Name attr 它应该可以工作。

所以你应该有以下内容

var htmlStr = 'Start Date : <input type="text" class="datepicker" name="startDateId" value="'+dateStr.StartDate+'"/>';