如何在Angular中使用ng-pick-datetime禁用周末日期？

你可以通过ng-pick-datetime提供的dateFilter输入属性实现禁用周六和周日的需求，具体操作如下：

• 步骤1：在组件TS文件中定义日期过滤函数
  该函数接收Date对象，返回true代表日期可选择，false代表禁用该日期：

  filterWeekends = (date: Date): boolean => {
    const day = date.getDay();
    // 排除周日(0)和周六(6)，仅允许选择周一至周五
    return day !== 0 && day !== 6;
  };
  

• 步骤2：在模板中绑定过滤函数到日期选择器
  修改owl-date-time组件，添加[dateFilter]="filterWeekends"属性：

  <input [owlDateTime]="dt1" class="form-control" formControlName="currentDate" [owlDateTimeTrigger]="dt1" placeholder="mm/dd/yyyy" />
          
  <owl-date-time #dt1 pickerType="calendar" [dateFilter]="filterWeekends"></owl-date-time>
  

设置完成后，日期选择器内的所有周六和周日会被禁用，用户仅能选择周一至周五的日期。

内容的提问来源于stack exchange，提问作者Manoj Rana