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

Question

我现在正在使用 Angular 材料日期选择器，我使用 moment dateadapter 作为日期适配器。

它真的很棒，但输入上显示的日期不适合我的需求。它以 DD/MM/YYYY 格式显示日期，而我需要 DD/MM/YYY 格式的日期。(例如 25/7/2019 应为 25/07/19(

由于我找不到有关此显示格式的文档，因此我需要一些帮助来弄清楚如何执行此操作。

Answer 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},
  ],
})

Answer 2

Use Custom Date Format from material date format

导出常量自定义格式 = { 显示：{ 日期输入："日/月/年" } }; @Component({ 选择器："日期组件"， templateUrl： './datecomponent.html'， 提供者： [ {提供： MAT_DATE_FORMATS， 使用值： 自定义格式}， ] })