使用mat-datepicker插入日期无效

时间:2018-03-24 03:59:41

标签: html angular forms typescript angular-forms

通过以dd / mm / yyyy格式输入输入来插入日期时,该字段变为无效,使我的表单无效,不允许保存记录。

但是,如果我使用datePicker并插入日期,该字段将变为有效。

即使我使用datePicker并在输入中插入值并使用datePicker复制值并且输入中的粘贴变得无效...

日期仅在我使用datePicker时有效...我无法以dd / mm / yyyy格式插入日期。

datePicker以dd / mm / yyyy的输入格式插入日期,我在格式为dd / mm / yyyy的格式中输入日期,但日期被视为无效。

只有当我在输入中输入日期时才会出现问题,只有在我通过datePicker在输入中插入日期时,日期才有效。

myform.ts:

this.formBuilder.group({
            date: [''],
        });
   ........................

myform.html:

<mat-form-field fxFlex>
    <input matInput [matDatepicker]="DatePicker" formControlName="date" name="date" placeholder="Date">
    <mat-datepicker-toggle matSuffix [for]="DatePicker"></mat-datepicker-toggle>
    <mat-datepicker touchUi="true" #DatePicker></mat-datepicker>
</mat-form-field>

由于我的表单非常大,我只是在保存记录时输入了导致我出现问题的原因。

0 个答案:

没有答案