来自datepicker的Angular 6格式日期，反应形式

import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
import { MomentDateAdapter } from '@angular/material-moment-adapter';

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

@NgModule({
  providers: [
    { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
    { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
  ],
})
export class MyModule {}

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-my-datepicker',
  templateUrl: './my-datepicker.component.html',
  styleUrls: ['./my-datepicker.component.css']
})
export class MyDatepickerComponent {
  selectedDate: Date;

  constructor(private cdr: ChangeDetectorRef) {}

  onDateChange(date: Date): void {
    this.selectedDate = date;
    this.cdr.detectChanges(); // 手动触发变更检测
  }
}

import * as moment from 'moment';

// 使用moment.js格式化日期
const formattedDate = moment(this.selectedDate).format('YYYY-MM-DD');