Angular 9 输入日期

Question

我试图弄清楚，为什么输入类型日期的属性值不适用于 Angular 9。

<input type="date" [max]="dateConfig.max" [min]="dateConfig.min" name="date" [value]="dateConfig.value" />

在我拥有的日期选择器组件中：

export class DatePickerComponent implements OnInit {

  private defaultMinDate: Date = new Date(-8.64e15);
  private defaultMaxDate: Date = new Date(8.64e15);

  dateConfig = {
    min: this.defaultMinDate,
    max: this.defaultMaxDate,
    value: new Date()


 }
}

当我运行代码时，日期选择器会显示一个没有初始值的输入。

为什么？

Answer 1

HTML 日期输入值应采用 yyy-mm-dd 格式，否则不会显示值。

您可以在 TS 文件中使用管道，例如："dateConfig.value | date:'yyyy-MM-dd'" 或 new Date().toISOString().slice(0, 10)