猫头鹰日期时间选择器

时间:2020-06-23 06:54:57

标签: angular typescript angular-material angular8 owl-date-time

希望大家都过得很好。

实际上,我被猫头鹰日期时间选择器所困扰。我正在尝试验证日期时间选择器,使其不选择周末,并且日期应不小于明天的日期和时间,且日期应不小于9:00 AM且不大于5:00 Pm。

我在周末的验证中获得了成功,并且日期应该不少于明天的日期,但是很遗憾,我无法验证时间。

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

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的时间

谢谢

1 个答案:

答案 0 :(得分:0)

尝试此解决方案以检查工作时间:

 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)     
 }
相关问题