Как инициализировать datetimepicker несколько раз для нескольких инпутов добавляемых автоматически на странице?

Question

[verygoodboy]

Всем привет. Есть такой вопрос.

На странице есть много инпутов для выбора даты и время, добавляемых автоматически:

<div class="reservationdatetime input-group date" id="data1" data-target-input="nearest">
<input type="text" name="date[]" id="reservationdatetime1" class="form-control datetimepicker-input" data-target="#reservationdatetime">
<div class="input-group-append" data-target="#reservationdatetime" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>

Инициализируется етот плагин так:

$('#reservationdatetime').datetimepicker({ icons: { time: 'far fa-clock' } });

Так как инпутов на странице много, то я пробовал вместо id выбирать по классу и применять each функию к каждому элементу:

$('.reservationdatetime').each(function(){
            $(this).datetimepicker({ icons: { time: 'far fa-clock' } });
        });

Также я выберал инпуты по id:

$("[id^=reservationdatetime]").each(function(){
            $(this).datetimepicker({ icons: { time: 'far fa-clock' } });
        });

Но безрезультатно... Подскажите, пожалуйста, как можно решить эту задачу?

Comments

[ProjectSoft]

$('.reservationdatetime').each(function(){
       $(this).datetimepicker({ icons: { time: 'far fa-clock' } });
});

Вы точно по классу выбираете? В коде нет данного класса у инпута.

[verygoodboy]

ProjectSoft, Да по классу: <div class="reservationdatetime. Я этот класс и в инпут добавлял и в див и по id выберал. Работает только если на странице один такой инпут...

[ProjectSoft]

verygoodboy, ссылку на плагин.

[verygoodboy]

Вот страница где можно проверить работу этого плагина: https://adminlte.io/themes/v3/pages/forms/advanced.html. Инпут: Date and time

[verygoodboy]

И вот ссылка на страницу плагина:
https://getdatepicker.com/5-4/Usage/

[ProjectSoft]

verygoodboy, id на всей странице должен быть один!!! Нельзя иметь два одинаковых!
Далее по коду
Вызываете так после добавления в DOM

$('.date').datetimepicker({ icons: { time: 'far fa-clock' } });

[verygoodboy]

ProjectSoft, я проверял ранее, не работает такой вариант...

[ProjectSoft]

Всё работает...

https://disk.yandex.ru/d/_WE4c8Alg_lCnw