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

Question

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

我认为 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})
}

Answer 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