设置 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'}}">