angular material mat-date-range-picker 的自定义输入

Question

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

我知道怎么写这个css。但问题是我无法获得此日期选择器的价值。似乎我必须仅将 mat-range-input 与 material 输入一起使用。而且我还必须使用 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 并从中获取了值

angular material custom inputs for mat-date-range-picker