自定义 angular material 时刻日期选择器显示
Customize angular material moment datepicker display
我现在正在使用 Angular material datepicker 并且我使用 moment dateadapter 作为 dateadapter。
它确实很好用，但输入中显示的日期不符合我的需要。它以 DD/MM/YYYY 格式显示日期，而我需要 DD/MM/YY 格式。 （例如 25/7/2019 应该是 25/07/19）
由于找不到有关此显示格式的文档，我需要一些帮助来了解如何执行此操作。
您可以设置自定义日期格式。
在你的 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},
],
})
Use Custom Date Format from material date format
导出常量自定义格式 = {
展示： {
日期输入：'DD/MM/YY'
}
};
@零件（{
选择器：'datecomponent'，
templateUrl: './datecomponent.html',
供应商：[
{provide: MAT_DATE_FORMATS, useValue: CustomFormat},
]
})
我现在正在使用 Angular material datepicker 并且我使用 moment dateadapter 作为 dateadapter。
它确实很好用，但输入中显示的日期不符合我的需要。它以 DD/MM/YYYY 格式显示日期，而我需要 DD/MM/YY 格式。 （例如 25/7/2019 应该是 25/07/19）
由于找不到有关此显示格式的文档，我需要一些帮助来了解如何执行此操作。
您可以设置自定义日期格式。 在你的 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},
],
})
Use Custom Date Format from material date format
导出常量自定义格式 = { 展示： { 日期输入：'DD/MM/YY' } }; @零件（{ 选择器：'datecomponent'， templateUrl: './datecomponent.html', 供应商：[ {provide: MAT_DATE_FORMATS, useValue: CustomFormat}, ] })