日期时间选择器和颜色选择器不适用于动态创建答案

【问题标题】：Datetime picker and color picker doesn't work for dynamically created日期时间选择器和颜色选择器不适用于动态创建
【发布时间】：2019-03-20 11:35:20
【问题描述】：

单击按钮后我会动态创建字段。这些字段包含颜色选择器和时间选择器 - 但是当控件打开时，您无法从中进行选择。虽然颜色选择器和时间选择器在页面的非动态部分都可以正常工作。

我认为 jQuery/javascript 无法看到动态部分。

我需要一些帮助。

This is the UI

这是创建新行的函数：

function addNewActinity(tt, day) {
    debugger
    var div = $("<tr />");
    var rows = $('#TextBoxContainer tr').length;

    $('#activitiesRow').clone().attr('id', 'activitiesRow' + rows).show()
        .appendTo('#TextBoxContainer')
        .find('input').attr('class', 'myDatepicker').datepicker({
            format: 'hh:mm',
            ignoreReadonly: true,
            allowInputToggle: true})
}

【问题讨论】：

当您追加新元素时，您需要在它们上实例化日期选择器。
我已经添加了它，但仍然无法正常工作
我们需要查看您的代码才能帮助您，否则我们只是猜测问题所在
function addNewActinity(tt, day) { debugger var div = $(""); var rows = $('#TextBoxContainer tr').length; // div.html(GetDynamicTextBox(rows)); $('#activitiesRow').clone().attr('id', 'activitiesRow' + rows).show() .appendTo('#TextBoxContainer') .find('input').attr('class', 'myDatepicker').datepicker({ format: 'hh:mm', ignoreReadonly: true, allowInputToggle: true}) }
请编辑问题以包含代码，因为它在 cmets 中不可读

标签： javascript jquery

【解决方案1】：

您必须在动态创建日期选择器和颜色选择器后重新附加它们。

因此，在您动态创建新元素后，您需要为其提供 ID。创建后使用此 ID 附加日期/颜色选择器 ($('#datepickerID').datepicker();) 您还可以使用 JQuery 选择器作为类名。 ($('.datepicker').datepicker();)

请参考这些：

Jquery datepicker on dynamically created inputs changing the date of the first input

Use JQuery Datepicker on dynamically created fields

【讨论】：

我用过这个但也不起作用 $(document).on("click", ".myDatepicker", function () { $(this).datepicker({ format: 'hh:mm' }); });
@AmanyAbdelkader 这行不应该被链接，它应该直接来自 JQuery ".find('input').attr('class', 'myDatepicker').datepicker(" 是 "$ .find('input').attr('class', 'myDatepicker').datepicker("
当我使用这个 $(document).on("click", ".myDatepicker", function () { $(".myDatepickerTxt").timepicker(); });并为 jquery-ui 添加脚本