java自定义日历控件_Material Datepicker自定义日期格式

前言

在企业级开发中，我们经常会使用到日期控件。在以前的jquery框架项目中，我们通常会选择mydate 97。现在我们使用Angular框架，Material官网也为我们提供了Datepicker组件。对于日期的显示的格式，有很多种，比如下面的：

2019/07/11

2019-07-11

等...

面对这种需求，就需要我们可以自定义Datepicker的显示格式。

自定义日期格式

官网为我们提供了一个自定义格式的范例：

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

import {FormControl} from '@angular/forms';

import {MomentDateAdapter} from '@angular/material-moment-adapter';

import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';

// Depending on whether rollup is used, moment needs to be imported differently.

// Since Moment.js doesn't have a default export, we normally need to import using the `* as`

// syntax. However, rollup creates a synthetic default module and we thus need to import it u