如何在 mat-datepicker 中仅显示当前年份答案

【问题标题】：how to show only current year in mat-datepicker如何在 mat-datepicker 中仅显示当前年份
【发布时间】：2019-11-08 17:28:00
【问题描述】：

我正在使用角度材料日期选择器。但在那个日期选择器中我只想显示当前年份..知道我该怎么做吗？

您可以参考提供的链接
https://material.angular.io/components/datepicker/overview

【问题讨论】：

标签： mat-datepicker

【解决方案1】：

您可以使用 matDatepickerFilter 过滤您的日期范围。

<input matInput [matDatepickerFilter]="dateFilter" [matDatepicker]="picker">

而且你可以在 dateFilter 方法中过滤你想要的日期范围。

  dateRange = [new Date(new Date().getFullYear(), 0, 1),
               new Date(new Date().getFullYear(), 11, 31)]

  dateFilter= (d: Date): boolean => {
    return (d >= this.dateRange[0] && d <= this.dateRange[1])
  }

【讨论】：

嗨 Koga .. 感谢您的回复.. 但是我们可以让它动态而不是手动提供日期吗？？
new Date().getFullYear(), 0, 1), .getFullYear() 将返回当前年份。 0 表示一月（月份，从 0 开始。所以 12 月等于 11）。 1 代表日期。
在 ts。文件 minDate = new Date() maxDate = new Date(new Date().getFullYear(), 11, 31)
angular-hzfeq3.stackblitz.io .. 嗨 Koga ..请检查此链接 .. 你知道如何禁用顶部的年份弹出窗口 .. 因为你可以看到除了当年的其余年份之外所有年份都被禁用。 . 所以没有必要展示所有的岁月
这可能会对您有所帮助。 stackoverflow.com/questions/53595066/…