如何使用Angular Material Date Picker显示时间和日期?

时间:2019-12-08 11:57:13

标签: angular datepicker angular-material

我在我的角度项目中添加了角度材料日期选择器控件。我必须显示时间和日期。 谁能让我知道如何使用角度材料日期选择器控件显示时间和日期?

谢谢

1 个答案:

答案 0 :(得分:3)

您可以使用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>

http://PhoneGapDesktop:3000