来自 event.value 的值不正确

Question

我需要用角度材料格式化日期，所以我关注this guide:

我的代码在这个compoment.html:

<mat-form-field>
            <input id="datanint" formControlName="dataBirth" (dateChange)="emitBirthDateChangeForValidation($event)" matInput [matDatepicker]="picker" />
            <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
            <mat-datepicker #picker startView="multi-year" [startAt]="startDate"></mat-datepicker>

        </mat-form-field>

我的 ts：

const FORMAT = {
    parse: {
      dateInput: 'DD/MM/YYYY',
    },
    display: {
      dateInput: 'DD/MM/YYYY',
      monthYearLabel: 'MMM YYYY',
      dateA11yLabel: 'LL',
      monthYearA11yLabel: 'MMMM YYYY',
    }
  };


 providers:[
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
    { provide: MAT_DATE_FORMATS, useValue: FORMAT }]
})


cosntructor(){
 this.dataBirth=new FormControl(moment());
}

     emitBirthDateChangeForValidation(event: any) {
            console.log(event);
            this.eventEmit.emit(event);
            }
        }

如果我刚刚链接的 stackblitz 项目以及当我在链接的项目中打印 event.value 时，我也会复制此代码（当它被称为数据更改时）：

value: 2020-10-01T22:00:00.000Z

在我自己的项目中，当我打印 event.value 时（当它被称为数据更改时）：

value: Moment {_isAMomentObject: true, _i: {…}, _isUTC: false, _pf: {…}, _locale: Locale, …}

我没有将 moment 对象放入 event.value 但我必须只有日期。谁能帮帮我？

Answer 1

试试这个：

import * as moment from 'moment';
//your function
emitBirthDateChangeForValidation(event: any) {
   console.log(moment(event.value._d).format("MM/DD/YYYY"));
}

一旦你得到正确的值，你就可以配置该数组来检索相关部分，就像我在上面的代码中以 MM/DD/YYYY 格式提取日期一样。

PS：希望你已经完成了npm install moment --save