Jquery Bootstrap 4 TempusDominus赢得';不要应用这种格式

Jquery Bootstrap 4 TempusDominus赢得';不要应用这种格式,jquery,tempus-dominus-datetimepicker,Jquery,Tempus Dominus Datetimepicker,我想了解为什么这段代码不能显示正确的格式。当我点击一个日期时,它会回到默认值 $('.datetimepicker-input').each(function() { $(this).datetimepicker({ format: 'DD/MM/YYYY HH:mm', date: moment() }); }); 如果我使用字段的id,它可以工作,但我并不总是有相同的id,我可以在同一页上有不同的日期选择器 $('#datetime

我想了解为什么这段代码不能显示正确的格式。当我点击一个日期时,它会回到默认值

$('.datetimepicker-input').each(function() {
    $(this).datetimepicker({
        format: 'DD/MM/YYYY HH:mm',
        date: moment()
    });
});

如果我使用字段的id,它可以工作,但我并不总是有相同的id,我可以在同一页上有不同的日期选择器

    $('#datetimepicker1').datetimepicker({
        format: 'DD/MM/YYYY HH:mm',
        date: moment()
    });


有可能让它与循环一起工作吗?

我不太清楚为什么,但该字段似乎使用此HTML自行初始化(它使用细枝模板):

<div class="input-group date" id="{{ form.vars.attr.datatarget }}" data-target-input="nearest">
    <input type="text" class="form-control {{ form.vars.attr.class }}" data-target="#{{ form.vars.attr.datatarget }}" data-toggle="datetimepicker"
           value="{{ form.vars.value }}" id="{{ form.vars.id }}" name="{{ form.vars.full_name }}"/>
    <div class="input-group-append" data-target="#{{ form.vars.attr.datatarget }}" data-toggle="datetimepicker">
        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
    </div>
</div>
import moment from 'moment';
import 'tempusdominus-bootstrap-4';
$.fn.datetimepicker.Constructor.Default = $.extend({}, $.fn.datetimepicker.Constructor.Default, {
    format: 'DD/MM/YYYY HH:mm',
    date: moment() });