如何在angular 5中禁用owl- date -time选取器中的过去日期
如何在angular 5中禁用owl- date -time选取器中的过去日期
提问于 2018-08-23 20:12:13
我使用的是angular 5中的owl- date -time选取器。当我从选取器中选择今天的日期时，它不应该显示过去的日期和月份。
代码：
<div class="form-group">
<label class="control-label col-sm-2 date-right-padding">Date</label>
<div class="col-sm-5 datePickerField no-left-padding">
<input [owlDateTime]="createTaskDatePicker" maxlength="19"
[disabled]="isDateEnabledCreateTask"
[(ngModel)]="createTask.activationDate" placeholder="dd/MM/yyyy hh:mm"
class="form-control owl-date-time-input" name="createTaskDate"
(click)="clearCreateTaskErrorMessages()">
<owl-date-time #createTaskDatePicker></owl-date-time>
</div>
<div class="col-sm-1 datePickerIcon">
</div>
</div>注意：
当用户选择当前日期时，应禁用过去日期。
问题：
如何在owl- date -time选择器中禁用过去的日期。
你的建议对我很有帮助。
回答 4
Stack Overflow用户
发布于 2018-08-24 14:51:06
- 首先在组件中添加当前日期：
public todayDate:any = new Date()；
- 然后将以下属性添加到html输入：
min="todayDate"
Stack Overflow用户
发布于 2018-08-24 14:59:12
可以在owl日期时间选择器中禁用过去的日期，如下所示
<input [min]="min"
[owlDateTimeTrigger]="" [owlDateTime]="">现在像这样定义最小值
// Min moment: May 10 2018, 10:50
public min = new Date(2018, 4, 10, 10, 50);因此，它将禁用2018年5月10日之前的所有日期。
希望能对你有所帮助。
Stack Overflow用户
发布于 2019-03-18 13:48:44
在.ts文件中
minDate = new Date();在.html文件中
<input class="form-control" placeholder="dd/MM/yyyy hh:mm" [min]="minDate" required [(ngModel)]="createTask.activationDate" name="createTaskDate" [owlDateTimeTrigger]="dt" [owlDateTime]="dt">
<owl-date-time [hour12Timer] = "true" #dt></owl-date-time>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51985549
复制相关文章
相似问题
腾讯云开发者
