Question

大家好，我正在尝试在表单中创建一个最小的Date值。我正在使用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'}}">

在Angular验证中设置最低日期

1 个答案: