Question

我在项目和bootstrap日期时间选择器中使用angular 5。在form我有3个字段是日期，所有这些都是这样的：

           <div class="row">
              <label class="col-sm-2 label-on-left">Document Date</label>
              <div class="col-sm-10">
                <div class="form-group">
                  <div class='input-group date'>
                    <label class="label-control"></label>
                    <input type="text" id="DocumentDate" class="form-control datetimepicker" name="DocumentDate" [(ngModel)]="DocumentDate"  />
                  </div>
                </div>
              </div>
            </div>

初始化日期时间选择器后

：

$(".datetimepicker").datetimepicker({
          format: 'MM/DD/YYYY',
          icons: {
              time: "fa fa-clock-o",
              date: "fa fa-calendar",
              up: "fa fa-chevron-up",
              down: "fa fa-chevron-down",
              previous: 'fa fa-chevron-left',
              next: 'fa fa-chevron-right',
              today: 'fa fa-screenshot',
              clear: 'fa fa-trash',
              close: 'fa fa-remove'
          }
      });

日期时间选择器不会一直显示在ui中，我可以在DOM中看到它被添加并悬停在它上面会在页面中突出显示它。

可能是什么问题？

多个引导日期时间选择器不会显示

0 个答案: