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

Question

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

我知道如何编写此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个自定义的单独输入：（

Answer 1

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