Question

什么会导致 angular 10 中的 bsDatePicker 将其容器渲染为空？

<bs-datepicker-container role="dialog" aria-label="calendar" class="bottom ng-tns-c104-1 ng-star-inserted" style="display: block; position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(531px, 418px, 0px);"></bs-datepicker-container>

代码 HTML

<input type="text" placeholder="datepicker" class="form-control" bsDatepicker>

注意：bsDaterangepicker 工作得很好，所以我认为导入 css 文件或 BrowserAnimationModule 的解决方案不适合这里。

Answer 1

也许使用默认值并像这样使用本地日期格式会有所帮助：

let date = new Date(dateValue).toLocaleDateString();

否则，您可以在 mat-form-field 中使用材料日期选择器：我有很好的体验

<mat-form-field appearance="fill">
  <mat-label>Custom calendar header</mat-label>
  <input matInput [matDatepicker]="picker">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker [calendarHeaderComponent]="exampleHeader"></mat-datepicker>
</mat-form-field>

看例子here

日期选择器角度

1 个答案: