用于时间类型的角度材质输入的时间选择器按钮

Question

基于 MDC 的 MatInput 隐藏了本机选择器指示器。

我想通过带有按钮的输入以现代方式重新创建此指示器

<mat-form-field appearance="outline">
  <mat-label>Material Input with Button</mat-label>
  <input matInput type="time" value="09:00">
  <button matSuffix mat-icon-button aria-label="TimePicker">
    <mat-icon>schedule</mat-icon>
  </button>
</mat-form-field>

input.mat-mdc-input-element::-webkit-calendar-picker-indicator {
  display: block;
}

有什么方法可以用我的 MatIconButton 切换本机按钮功能吗？ 原生按钮可以工作，但看起来非常过时，而且也没有主题。

或者还有另一种现代的选择时间的方式吗？

Answer 1

您需要使用showPicker功能

如文档中所述，它应该适用于多种类型的输入，包括“时间”，因此这应该可以解决您的问题

通常浏览器为以下类型的输入实现它：“日期”、“月”、“周”、“时间”、“本地日期时间”、“颜色”或“文件”