MatCalendar:使用DateRange,但不显示范围,请选择Change触发Date而不是DateRange

问题描述

你想做什么?

使用日历组件实现日期范围选择器对话框

您尝试了哪些故障排除步骤?

范围未预览/显示,更改事件返回Date对象

再生产

只有我们自己可以重现问题,我们才能提供帮助。

StackBlitz:https://stackblitz.com/edit/components-issue-wsgnr4?file=src/app/example-component.html

环境
  • 角度:10.0.3
  • CDK /材料:10.0.1
  • 浏览器:Chrome
  • 操作系统(例如Windows,macOS,Ubuntu):Windows

解决方法

已在此处解决:https://github.com/angular/components/issues/20307 :) 需要实例化新的类new DateRange(start,end)而不是<DateRange<Date>>{start,end}