html - تنظیم مقدار حداقل ورودی نوع تاریخ به تاریخ فعلی در انگولار 12

من یک انتخابکننده تاریخ ورودی دارم و میخواهم مقدار حداقل آن را به تاریخ جاری تنظیم کنم

<input type="date" class="form-control" id="checkindate" placeholder="" min="">

چطور میتوانم این کار را با استفاده از انگولار انجام دهم؟

پاسخ شماره ۱

راههای متعددی برای انجام آن وجود دارد. صفت min یک رشته با فرمتهای مختلف را میپذیرد. اینجا راهحل من با استفاده از 'yyyy-mm-dd' است.

کنترلر (*.ts)

export class AppComponent {
  currentDate: string;

  constructor() {
    // credit: https://stackoverflow.com/a/38148759/6513921
    this.currentDate = new Date().toISOString().slice(0, 10);
  }
}

تمپلیت (*.html)

<input type="date" class="form-control" id="checkindate" placeholder="" [min]="currentDate">

نمونه عملی: استکبلیتز

پاسخ شماره ۲

شما نیاز دارید که تاریخ را به فرمت ورودی هدایت کنید.

اینجا دموی