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

时间:2019-03-20 11:35:20

标签: javascript jquery

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

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

1 个答案:

答案 0 :(得分:1)

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

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

请参考以下内容:

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

Use JQuery Datepicker on dynamically created fields