css - 设置 Angular 验证的最小日期

Question

大家好，我正在尝试在表单中设置最小日期值。我正在使用 angular 并且由于某些原因不起作用我将发布我的代码:

组件:

minDate: Date;

  constructor(private auth: AuthService, private dataService: DataService, private fb: FormBuilder, private router: Router, private matService: MatService) {
    this.dataService.getCompanyCouponResult(this.dataService.CouponIdForEdit).subscribe(res => {
      this.coupon = res;
      this.minDate = this.coupon.startDate;
      console.log(this.minDate);
    })

输出:

edit-coupon.component.ts:28 2014-02-13T22:00:00.000+0000

html:

  New end date:</p>
    <input type="date" formControlName="couponEndDate" min="{{minDate}}" >

现在我确实得到了日期，并且能够在控制台中看到它，但由于某些原因不适用于 couponEndDate 的“分钟”。有什么解决办法吗？

Answer 1

你需要在其中使用管道。试试这个:

<input type="date" formControlName="couponEndDate" min="{{todate | date:'yyyy-MM-dd'}}">