Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular 5中禁用owl日期时间选择器中的过去日期_Angular - Fatal编程技术网

如何在angular 5中禁用owl日期时间选择器中的过去日期

如何在angular 5中禁用owl日期时间选择器中的过去日期,angular,Angular,我正在使用angular 5中的owl日期时间选择器。当我从选择器中选择今天日期时,它不应该显示过去的日期和月份 代码: 日期 注: 当用户选择当前日期时,应禁用过去日期 startAt = new Date(); 问题: 如何在owl日期时间选择器中禁用过去日期 你的建议对我很有帮助。 首先在组件中添加当前日期: public todayDate:any = new Date(); 然后将以下属性添加到html输入: [min]="todayDate" 您可以在ow

我正在使用angular 5中的owl日期时间选择器。当我从选择器中选择今天日期时,它不应该显示过去的日期和月份

代码:


日期
注:

当用户选择当前日期时,应禁用过去日期

startAt = new Date();
问题:

如何在owl日期时间选择器中禁用过去日期

你的建议对我很有帮助。

  • 首先在组件中添加当前日期:

    public todayDate:any = new Date();
    
  • 然后将以下属性添加到html输入:

    [min]="todayDate"       
    

您可以在owl日期时间选择器中禁用过去的日期,如

<input [min]="min"
           [owlDateTimeTrigger]="" [owlDateTime]="">
因此,它将禁用2018年5月10日之前的所有日期

希望它能帮助您。

在.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>

上述解决方案是正确的,但如果用户希望选择当前日期,则无法使用

startAt = new Date();
在构造函数中,将时间设置为午夜:

this.startAt.setHours(0, 0, 0, 0);

它正在工作,但如果我选择当前日期,我无法选择今天日期它正在工作,但是如果我选择当前日期,我无法选择今天日期,它也会禁用选择的日期为什么?@Kapilsoni请检查Sukh_Bains的回答嘿,我正在努力解决这个问题,谢谢你的回答
this.startAt.setHours(0, 0, 0, 0);