自定义角材料时刻日期选择器显示答案

【问题标题】：Customize angular material moment datepicker display自定义角材料时刻日期选择器显示
【发布时间】：2019-07-25 06:59:00
【问题描述】：

我现在正在使用 Angular 材质 datepicker，我使用时刻 dateadapter 作为 dateadapter。

效果非常好，但输入中显示的日期不适合我的需要。它以 DD/MM/YYYY 格式显示日期，而我需要 DD/MM/YY 格式的日期。（例如 25/7/2019 应该是 25/07/19）

由于我找不到关于这种显示格式的文档，我需要一些帮助来弄清楚如何做到这一点。

【问题讨论】：

标签： angular angular-material angular-moment angular-material-datetimepicker

【解决方案1】：

您可以设置自定义日期格式。在你的 ts 文件中这样做：

export const MY_FORMATS = {
  display: {
    dateInput: 'DD/MM/YY'
  },
};

@Component({
  selector: 'demo-component',
  templateUrl: './demo.component.html',
  styleUrls: ['./demo.component.scss'],
  providers: [
    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
  ],
})

【讨论】：

谢谢。有效。你能解释一下为什么需要导出常量 MY_FORMATS 才能工作吗？我在这里发布我的问题之前尝试过，但我省略了导出，当然，它没有用。

【解决方案2】：

Use Custom Date Format from material date format

导出常量 CustomFormat = { 展示： { 日期输入：'DD/MM/YY' } }; @零件（{ 选择器：'日期组件'， templateUrl: './datecomponent.html', 提供者：[ {提供：MAT_DATE_FORMATS，useValue：CustomFormat}， ] })

【讨论】：