在 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 中可用的功能。