Angular Material 日期选择器突出显示范围周开始到周末
Angular Material Datepicker Highlight Range Week Start to Week End
我需要用户选择开始周和结束周，因为返回的数据在开始周到结束周的范围内。
我试图在开始日期 范围内选择的任何日期突出显示 整个星期，并突出显示最后一个 整个结束周 select一周的最后一天.
我正在使用日期范围选择器，突出显示效果很好，输入了一周的开始日期和结束一周的最后一天...但我不明白如何在选择器中突出显示它。取而代之的是，选择器显示的是 selected 日期的开始日而不是一周的开始日/
我希望我的用户select一周开始和结束。
我已经创建了一个 dateClass 和一个方法，但是我无法将周范围设置为颜色。
复制
这是 stackblitz：
https://stackblitz.com/edit/angular-ucvaay?file=src/app/date-range-picker-overview-example.html
重现步骤：
- 单击日历 - 单击不是周末或一周开始日的日期
- 输入会将值更新为一周的开始日期，当结束日期被 selected 时，它将得到结束日期周的最后一天（如预期的那样）
- 问题：再次打开日期选择器，请注意突出显示的日期范围不包括开始日期（突出显示整周或突出显示结束周。
我需要用户选择开始周和结束周，因为返回的数据在开始周到结束周的范围内。
关于如何将开始和结束周设置为 select 的任何想法，例如范围 selection？
您可以将 FormGroup 添加到日期选择器，这样您就可以更改开始日期和结束日期的值。在您的 dateRangeChange() 方法中，您可以将所选值更新为一周的开始和结束。我将功能添加到您的 Stackblitz 项目：https://stackblitz.com/edit/angular-ucvaay-8brpty?file=src/app/date-range-picker-overview-example.ts
我需要用户选择开始周和结束周，因为返回的数据在开始周到结束周的范围内。
我试图在开始日期 范围内选择的任何日期突出显示 整个星期，并突出显示最后一个 整个结束周 select一周的最后一天.
我正在使用日期范围选择器，突出显示效果很好，输入了一周的开始日期和结束一周的最后一天...但我不明白如何在选择器中突出显示它。取而代之的是，选择器显示的是 selected 日期的开始日而不是一周的开始日/
我希望我的用户select一周开始和结束。
我已经创建了一个 dateClass 和一个方法，但是我无法将周范围设置为颜色。
复制
这是 stackblitz： https://stackblitz.com/edit/angular-ucvaay?file=src/app/date-range-picker-overview-example.html
重现步骤：
- 单击日历 - 单击不是周末或一周开始日的日期
- 输入会将值更新为一周的开始日期，当结束日期被 selected 时，它将得到结束日期周的最后一天（如预期的那样）
- 问题：再次打开日期选择器，请注意突出显示的日期范围不包括开始日期（突出显示整周或突出显示结束周。
我需要用户选择开始周和结束周，因为返回的数据在开始周到结束周的范围内。
关于如何将开始和结束周设置为 select 的任何想法，例如范围 selection？
您可以将 FormGroup 添加到日期选择器，这样您就可以更改开始日期和结束日期的值。在您的 dateRangeChange() 方法中，您可以将所选值更新为一周的开始和结束。我将功能添加到您的 Stackblitz 项目：https://stackblitz.com/edit/angular-ucvaay-8brpty?file=src/app/date-range-picker-overview-example.ts