javascript - Tempus Dominus 不显示 HTML 值标签

Question

我正在尝试使用 Tempus Dominus（用于 Bootstrap 4），但在使用由 Django 模板生成的动态数据时，我似乎无法使其工作。

现在，Django 生成这个输入块，这就是浏览器感知它的方式。

<div class="input-group date" id="datepickercafe" data-target-input="nearest">
     <input type="text" class="form-control datetimepicker-input" value="2020-05-26" data-target="#datepickercafe">
     <div class="input-group-append" data-target="#datepickercafe" data-toggle="datetimepicker">
         <div class="input-group-text"><i class="fa fa-calendar" aria-hidden="true"></i></div>
     </div>
</div>

我当前的 JS 代码考虑到格式与我尝试填充输入的格式相同的事实。

$('#datepickercafe').datetimepicker({
     locale: "pt",
     minDate: new Date(),
     format: 'YYYY-MM-DD',
     allowInputToggle: true
});       

结果，现在，只是一个干净的输入。我似乎也无法在 Tempus Dominus 中找到禁用日期格式的选项。

我该如何解决这个问题？