使用 moment.js 在 DatePicker 角度材料上过滤周末答案

【问题标题】：Filter weekends on DatePicker angular material using moment.js使用 moment.js 在 DatePicker 角度材料上过滤周末
【发布时间】：2020-01-31 11:56:30
【问题描述】：

我正在尝试将 Angular 材质 DatePicker 与 moment.js 一起使用在我的用例中，我需要排除周末。

在材料文档中，他们说如何使用 javascript 默认日期进行操作

import {Component} from '@angular/core';

/** @title Datepicker with filter validation */
@Component({
  selector: 'datepicker-filter-example',
  templateUrl: 'datepicker-filter-example.html',
  styleUrls: ['datepicker-filter-example.css'],
})
export class DatepickerFilterExample {
  myFilter = (d: Date): boolean => {
    const day = d.getDay();
    // Prevent Saturday and Sunday from being selected.
    return day !== 0 && day !== 6;
  }
}

HTML

<mat-form-field class="example-full-width">
  <input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

如何使用 moment.js 实现相同的效果？我试图在谷歌上找到它，但就是找不到。

提前致谢。

【问题讨论】：

您似乎粘贴了来自material.angular.io/components/datepicker/examples 的示例代码，您的代码呢？时刻是怎么来的？

标签： angular angular-material momentjs angular8

【解决方案1】：

假设您尝试对使用“时刻”而不是here 描述的日期的日期选择器执行相同操作，您可能正在寻找moment().weekday();

尝试：

public myFilter = (d: any): boolean => {
    const day = d.weekday();
    // Prevent Saturday and Sunday from being selected.
    return day !== 0 && day !== 6;
}

有关更多信息，请参阅moment.js 文档

工作示例：https://stackblitz.com/angular/ldpxoqraxoa

【讨论】：