在 angular 輸入/日期選擇器中輸入格式日期

Question

如何在 angular 輸入/日期選擇器中的輸入字段上允許格式日期？ 並且它不應該允許輸入字母和其他字符。

用戶可以在輸入字段上輸入日期並自動格式化，也可以在日期選擇器上 select 日期。

我嘗試使用掩碼，但掩碼和 matDatepicker 不能一起使用並導致問題。

對此的任何想法將不勝感激。 謝謝。

＃代碼

 <mat-form-field appearance="fill" class="w-49per">
                <mat-label>Proposed Term Start</mat-label>
                  <input 
                    name = "proposedTermStart" 
                    matInput
                    (dateChange)="setProposedScheduleInitialStartDate()"
                    [matDatepicker]="proposedTermStart" 
                    [min]="currentDate"
                    [(ngModel)]="dealDispositionFormFields.proposedTermStart"
                    >
                  <mat-datepicker-toggle matSuffix [for]="proposedTermStart"></mat-datepicker-toggle>
                  <mat-datepicker #proposedTermStart></mat-datepicker>
              </mat-form-field>

Answer 1

對於日期格式，您有幾個選項：

1. 使用圖書館。 例如momentjs 。 檢查這個堆棧閃電戰
2. 具有自定義格式的日期選擇器。 檢查這個堆棧閃電戰

對於日期驗證，您可以使用matDatepickerFilter或您自己的自定義驗證器。 請記住， MatNativeDateModule基於 JavaScript 的原生 Date object 中可用的功能。