angular - 如何使用 Angular Material Date Picker 显示时间和日期？

Question

我在我的 Angular 项目中添加了 Angular Material 日期选择器控件。我必须显示时间和日期。
谁能告诉我如何使用 Angular Material 日期选择器控件显示时间和日期？

谢谢

Answer 1

您可以使用 Angular Material 的 DateTime 组件构建自定义组件。

<h1 class="mat-title">Angular Material DatetimePicker</h1>
<form novalidate [formGroup]="form">
    <mat-form-field>
        <mat-placeholder>Start DateTime</mat-placeholder>
        <input matInput formControlName="startDate" [matDatetimepicker]="dts" required autocomplete="false">
        <mat-datetimepicker-toggle [for]="dts" matSuffix></mat-datetimepicker-toggle>
        <mat-datetimepicker #dts type="datetime" openOnFocus="true" timeInterval="5"></mat-datetimepicker>
    </mat-form-field>
</form>

STACKBLITZ DEMO