patchValue到重要日期选择器未设置日期

时间:2019-04-04 01:42:23

标签: angular datepicker angular-material

我有一个Firestore时间戳,我想将其分配给重要的日期选择器,但出现日期格式错误。

我已使用datepipe将Firestore时间戳转换为“ yyyy-MM-dd”,如以下错误所示。

指定的值“ 3/2/1981”不符合要求的格式“ yyyy-MM-dd”。

引发此错误的代码是:

const bDate = this.datepipe.transform(this.user.birthday.toDate(), 'yyyy-MM-dd');
      console.log(bDate);
      this.form.patchValue( {
        birthday: bDate,
        firstName: this.user.firstName,
        lastName: this.user.lastName
      });

i控制台记录bDate:

https://imgur.com/ejt2GOD.png

有趣的是,控制台日志显示“ 1981-03-03”,这是错误提示所要求的确切格式。还请注意,这与显示“ 3/2/1981”的错误相冲突。

我还将包括datepicker模板以取得良好效果:

    <mat-form-field>
      <input
        matInput
        placeholder="Your birthdate"
        [matDatepicker]="birthdayPicker"
        required
        type="date"
        formControlName="birthday"
        name="birthday"
      >
      <mat-datepicker-toggle matSuffix [for]="birthdayPicker"></mat-datepicker-toggle>
      <mat-datepicker #birthdayPicker></mat-datepicker>
    </mat-form-field>

我很茫然。任何帮助表示赞赏。

0 个答案:

没有答案