使用物料日期选择器的自定义标题,其中材料版本< 6和Angular版本< 6

时间:2018-06-07 11:25:10

标签: javascript angular html5 angular-material2

以下是我package.json的摘录,只是为了向您展示我们在项目中使用的软件包版本。

"@angular/animations": "5.2.0",
"@angular/cdk": "5.0.4",
"@angular/common": "5.2.0",
"@angular/compiler": "5.2.0",
"@angular/core": "5.2.0",
"@angular/flex-layout": "2.0.0-beta.12",
"@angular/forms": "5.2.0",
"@angular/http": "5.2.0",
"@angular/material": "5.0.4"

如果您看到,我们正在使用Material 5.0.4

问题是,在Material 5.0.4 Date-Picker中,我们无法自定义标题。

我需要在我的材料日期选择器中添加以下内容:

1)标题:"选择日期" 2)关闭按钮

现在通过阅读文档,我可以看到Material Version 6具有此功能,我们可以在其中创建自定义标题组件并将其传递给mat-datepicker。

您可以在此处查看示例:Material Datepicker custom header example

要升级到Material v6,我还需要将Angular核心升级到V6,这对我们来说是不可行的。

我需要知道,如果有人早先这样做了,或者有任何方法可以自定义标题而不更改datepicker核心。

任何想法/方向都将受到赞赏。

感谢。

0 个答案:

没有答案