angular - Angular 4 Date-Picker - 如何限制未来和过去的日子
问题描述
我想使用 Angular 4 Date-Picker 限制未来和过去的日子。我只想启用 Current Date[today]。我该如何解决这个问题。
任何人都可以有想法...???
这是我的模板:
<input type="text" placeholder="FromDate" class="form-control"
placement="top"
formControlName="fromDate"
[bsConfig]="{ dateInputFormat: 'DD-MM-YYYY' }"
bsDatepicker style="padding: 16px">
解决方案
bsDatepicker有一个属性[minDate]
and [maxDate]
,所以你将它们设置为“today”并在你的组件构造函数中执行:
组件.ts
today=new Date();
组件.html
<input ... bsDatepicker ... [minDate]="today" [maxDate]="today" ... >
无论如何,当您实际上不允许用户选择除今天以外的日期时,拥有一个日期选择器是没有意义的,您不妨将其默认为“今天”。
推荐阅读
- typescript - 我的微服务没有监听 Cloudamqp 上的消息
- javascript - 变量不会在第二个客户端窗口中更新
- javascript - 每行 IF 的值减 1
- scala - Scala 3 宏中的显式类型转换
- mysql - 来自 MYSQL 中某个范围的 Entity Framework Core 随机记录
- r - R中的条件概率表
- azure - 如何使用迭代器概念在存储帐户 ARM 模板中添加多个现有虚拟网络和子网?
- c# - 将简单的 lambda 更改为异步 lambda 表达式
- sql - 如果tag的类型是nchar,TDengine不能正确查询数据
- sql-server - 尝试使用 PowerShell 模拟 Excel 中的转换为数字函数