Angular Material2 datepicker - 动态格式

Question

我需要根据某些用户设置以两种不同的格式显示日期。

让我们说"YYYY-MM-DD"和"DD/MM/YYYY"。

我知道我必须编写一个自定义DateAdapter（我已经这样做了），但是是否可以使用例如下拉列表在两种格式之间切换？

PS 我也在使用 Moment.js。

Answer 1

您的自定义日期格式位于 TS 文件中。

这意味着您可以访问 Javascript 和 Typescript。

您可以做的是使用 localStorage 来存储格式，并以您的日期格式：

export const CUSTOM_DATE_FORMAT = {
  parse: {
    dateInput: localStorage.getItem('dateFormat'),
  },
  display: {
    dateInput: localStorage.getItem('dateFormat'),
    monthYearLabel: 'MMMM YYYY',
    dateA11yLabel: 'DD/MM/YYYY',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

我想您会弄清楚如何将格式存储在本地存储中；)