mat-datepicker - 如何在 mat-datepicker 中仅显示当前年份
问题描述
我正在使用角度材料日期选择器。但是在那个日期选择器中,我只想显示当前年份..知道该怎么做吗?
您可以参考提供的链接
https://material.angular.io/components/datepicker/overview
解决方案
您可以使用 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])
}
推荐阅读
- sql - 如何在 SQLite 中合并 3 个表并使用 groupby 获取结果表的日期范围
- java - 在android中如何处理这种类型的响应?
- java - Swagger 控制器界面上的文件上传
- json - 尝试将键中的所有值放入列表时键入错误
- android - RecyclerView:在Adapter中膨胀另一行LinearLayout
- node.js - 使用 Axios/Node 下载大量图片
- python - 使用 python 的 UTF-32 解码有问题
- javascript - 我是否应该删除未附加到任何内容且不再使用的 HTML 元素?
- c - 如何在结构中创建添加/编辑/删除功能(C 编程)
- git - 使用 GitLab 和 GitHub 的单独电子邮件处理 GPG 密钥