angular - Angular 材料 10:使日期范围选择器开放式
问题描述
Angular 10 中值得注意的变化之一是日期范围选择的经常请求功能: https ://material.angular.io/components/datepicker/overview#date-range-selection
它使您能够在同一个选择器中选择开始日期和结束日期。
我想以我需要的形式使用此输入,以便从数据库中过滤记录。但是,根据要求,我应该可以不指定开始日期或结束日期。因此,我应该能够涵盖以下所有示例场景:
- 2020 年 5 月 15 日至 2020 年 6 月 30 日:选择日期在给定范围内的所有记录
- 未指定至 2020 年 6 月 30 日:选择日期不超过 6 月 30 日的所有记录。
- 2020 年 5 月 15 日至未指定:选择从 5 月 15 日起的所有记录。
完成案例 1 非常简单。我不确定如何完成案例 2 和 3。
任何人都可以帮忙吗?
解决方案
只是有条件地设置[min]
和[max]
相关的输入。在元素上设置这些input
将有效地限制日期选择器中的选择选项
推荐阅读
- jquery - HTML带有 SVG onclick 问题
- c# - 是否有一种标准方法可以将当前使用绑定的 UWP 应用程序转换为使用 X:Bind?
- asp.net-core - Azure AD 和 OAUTH 资源
- gitbook - 防止 Gitbook 转换相对链接
- powershell - 将 CSV 的内容通过电子邮件发送到表格
- javascript - 将复选框的值从 PHP 中嵌入的 HTML 传递给 Javascript
- android - 转换数组的问题
到可观察的 > 使用 RxJava2 - azure - Redis 缓存 - 何时可以触发大型驱逐?
- python - Discord 机器人问题“是缺少的必需参数”
- java - 循环 JUnit 测试的最佳实践