在角度输入/日期选择器中输入格式日期

Question

如何在角度输入/日期选择器中的输入字段上允许格式日期？而且它不应该允许输入字母和其他字符。

用户可以在输入字段中输入日期并自动格式化，也可以在日期选择器上选择日期。

我尝试使用掩码，但掩码和 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。检查this stackblitz
2. 具有自定义格式的日期选择器。检查this stackblitz

对于日期验证，您可以使用matDatepickerFilter 或您自己的自定义验证器。请记住，MatNativeDateModule 是基于 JavaScript 的本机 Date 对象中可用的功能。