标签: angular-daterangepicker

我在 app-module.ts 上有以下配置

import { ReactiveFormsModule } from '@angular/forms';
import { DateFnsAdapter, MatDateFnsModule } from '@angular/material-date-fns-adapter';
import { DateAdapter, MatDateFormats, MatNativeDateModule, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from "@angular/common";


let matLocale = "en-GB"
let dateInput = "DD/MM/YYYY";

export const MY_DATE_FORMATS: MatDateFormats = {
  parse: {
    dateInput: dateInput,
  },
  display: {
    dateInput: dateInput,
    monthYearLabel: 'MMM YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY'
  },
};

@NgModule({
    declarations: [ …

我正在使用这个日期范围选择器组件：http : //www.daterangepicker.com/，默认情况下小部件显示两个日历。我只想显示一个日历，并且能够在选择开始和结束日期时使用 < > 按钮选择下个月/上个月，即，能够选择一月的开始日期（仅显示一月），然后选择一个结束日期三月的日期（仅显示三月），点击 > 按钮。singleDatePicker 有一个选项：true，但这会禁用选择日期范围的能力。

我正在尝试使用 Angular Material 中的新日期范围选择器，我需要过滤掉某些特定日期（最小和最大在这里对我没有帮助）。我之前使用“ matDatepickerFilter ”和普通日期选择器，但我找不到日期范围选择器的相同内容，所以我尝试使用“ dateFilter ”。

问题是应用该功能后我根本无法选择任何日期。

这是我的意思的代码示例（stackblitz）