设置日期选择器字段格式

时间:2018-07-15 21:08:28

标签: html angular firebase date google-cloud-firestore

银行退还的日期未显示在屏幕上。

我需要将日期字段设置为接收Timestamp对象,而不是默认情况下接收的Date对象。

https://material.angular.io/components/datepicker/overview

在我的应用程序中,我使用 Cloud Firestore 数据库,返回的日期是Timestamp对象。

如何使我的日期字段准备好接收Timestamp类型的对象?

下面是代码中的内容。

component.html:

        <mat-form-field class="mr-sm-24" fxFlex>
            <input matInput [matDatepicker]="startDatePicker" formControlName="startDate" placeholder="Data de ínicio">
            <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
            <mat-datepicker #startDatePicker></mat-datepicker>
        </mat-form-field>

        <mat-form-field fxFlex>
            <input matInput [matDatepicker]="dueDatePicker" formControlName="dueDate" placeholder="Data término">
            <mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
            <mat-datepicker #dueDatePicker></mat-datepicker>
        </mat-form-field>

我正在将mat-datepicker创建的Date对象发送到数据库,但是从 Cloud Firestore 接收到记录后,它将返回一个Timestamp对象,并且我的字段等待Date对象,然后在屏幕上不显示日期。

我需要一种方法来获取我的mat-datepicker字段,以接收由 Cloud Firestore 返回的Timestamp对象。

0 个答案:

没有答案