垫料日期范围选择器的角材料自定义输入

问题描述

我必须为mat-date-range-picker使用两个自定义的单独输入。 它的外观应为:(我知道如何编写此CSS)

enter image description here

我知道如何编写此CSS。 但是问题是我无法获得此日期选择器的价值。看来我只需要将mat-range-input用于材料输入。而且我还必须使用matStartDate matEndDate

这意味着应该包含以下代码段:

<mat-date-range-input>
  <input matStartDate placeholder="Start date">
  <input matEndDate placeholder="End date">
</mat-date-range-input>

但是我必须有2个自定义的单独输入:(

解决方法

我用opacity: 0隐藏了mat-date-range并从中获取了值