Question

我有带日期的表格（日期选择器）。有时有2个约会。我想设置验证器，但找不到任何东西。我想测试并验证我的日期格式是否正确我想当我有2个日期时，结束日期早于开始日期

就是说我的应用程序是多语言的，所以有几种日期格式

我希望当用户输入22/48 / 22fr02ff或fr02020-15-8时由于日期格式不正确而显示验证错误我还希望当05/07/2020小于20/06/2020时显示验证错误，因为第一个日期晚于第二个日期

输入日期示例：

  <mat-form-field appearance="outline">
    <mat-label>DATE LABEL</mat-label>
    <input matInput [matDatepicker]="pickerDate" formControlName="myDate"
      autocomplete="off" placeholder="" />
    <mat-datepicker #pickerDate></mat-datepicker>
    <mat-datepicker-toggle matSuffix [for]="pickerDate">
    </mat-datepicker-toggle>
  </mat-form-field>

Answer 1

这个问题不是很清楚，但是您可以使用ngx bootstrap中的第3方datepicker

或

您编写自己的日期输入，并使用角度反应形式，带有您自己的验证器的formbuilder对其进行验证

https://angular.io/guide/reactive-forms#using-the-formbuilder-service-to-generate-controls

角度验证日期

1 个答案: