-1

我正在尝试渲染角度材料日期选择器。这不是问题（演示）

<mat-form-field class="example-full-width">
    <input
        matInput
       [matDatepickerFilter]="myFilter"
       [matDatepicker]="picker"
       placeholder="Choose a date"
    />
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

但就我而言，我需要一个日期时间选择器。根据我在网上找到的内容，您可以简单地添加

 type="datetime-local"

到输入字段。我可以确认这是可行的，但是它对输入字段做了一些奇怪的事情。

在此处输入图像描述

演示

尽管角度材料似乎支持这种类型，但您得到的选择器是原生的。

它有自己的切换按钮，并显示默认文本dd/mm/yyyy --:--。有没有办法隐藏这个文本和切换按钮？

4

2 回答 2

1

Angular 材料目前不支持时间选择器，但有一个未解决的问题要求：https ://github.com/angular/components/issues/5648

您可以尝试对日期和时间选择器使用 3rd 方扩展，直到它被添加到 Angular 材料中：https ://ng-matero.github.io/extensions/components/datetimepicker/overview

于 2022-02-08T12:33:04.277 回答
0

我没有在 Angular Material 中找到时间选择器功能。

试试这个 - https://www.npmjs.com/package/@angular-material-components/datetime-picker

日期时间选择器

于 2022-02-10T14:05:50.397 回答