mat-date-range-picker 的角度材质自定义输入答案

【问题标题】：angular material custom inputs for mat-date-range-pickermat-date-range-picker 的角度材质自定义输入
【发布时间】：2020-12-03 02:46:17
【问题描述】：

我必须为mat-date-range-picker 提供两个自定义分隔输入。它应该是这样的：（我知道怎么写这个 css）

我知道如何编写这个 CSS。但问题是我无法获得这个日期选择器的价值。看来我必须仅将 mat-range-input 与材料输入一起使用。而且我还必须使用matStartDatematEndDate。

表示应该有这个sn-p的代码：

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

但我必须有 2 个自定义分隔输入 :(

【问题讨论】：

【解决方案1】：

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

【讨论】：