时间戳

首页 > 解决方案 > 猫头鹰日期时间选择器角度时间验证

angular - 猫头鹰日期时间选择器角度时间验证

问题描述

希望你们都做得很好。

实际上我被猫头鹰日期时间选择器困住了。我正在尝试验证日期时间选择器是否不选择周末，日期不应小于明天的日期，时间不应小于上午 9:00 且不大于下午 5:00。

我在周末验证成功，日期不应该少于明天的日期，但不幸的是我无法验证时间。

这是我为工作日验证所做的代码。

HTML:-


 <owl-date-time-inline [min]="minDate" [(ngModel)]="selectedMoment" [owlDateTimeFilter]="myFilter"></owl-date-time-inline>


TS :- 

  minDate: Date = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).setHours(9, 0, 0));

  public myFilter = (d): boolean => {
    const day = d.getDay();
    const hours = d.getHours();
    // Prevent Saturday and Sunday from being selected.

    return day !== 0 && day !== 6;

  }

你们能否帮我验证仅上午 9:00 到下午 5:00 的时间

谢谢

标签： angulartypescriptangular-materialangular8owl-date-time

解决方案

试试这个解决方案来检查工作时间：

 public myFilter(heur : Date) : boolean {
  let nowHour = heur.getHours();
  let listHours = []; 
  for (let i =17; i<= 23; i++) {
    for (let j = 1; j<9; j++) {
      listHours.push(i,j)
    }   
  };
  return !listHours.includes(nowHour)     
 }

推荐阅读