Я использую Angular Material в своей реактивной форме и Firestore для хранения даты и времени.Поскольку Angular Material имеет только Datepicker (https://material.angular.io/components/datepicker/overview), а не Timepicker, я работал время в другом поле, то есть у меня есть два поля.
Но это вызывает у меня другие проблемы при желании отфильтровать данныепо дате и времени.
Мой вопрос: как я могу поместить и сохранить дату и время в одном поле пожарного депо?
В настоящее время это то, что у меня есть:
component.ts
this.forma = fb.group ({
fechaInicio: [ '', Validators.required ],
horaInicio: [ '', Validators.required ],
});
components.html
<div class="row">
<mat-form-field class="col-lg-7 col-6" appearance="outline">
<mat-label>Fecha inicio</mat-label>
<input matInput [matDatepicker]="picker" placeholder="Fecha inicio" formControlName="fechaInicio">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker touchUi #picker></mat-datepicker>
</mat-form-field>
<mat-form-field class="col-lg-5 col-6" appearance="outline">
<mat-label>Hora inicio</mat-label>
<mat-select placeholder="Hora inicio" formControlName="horaInicio">
<mat-option *ngFor="let hora of horas" [value]="hora">
{{ hora }} hrs.
</mat-option>
</mat-select>
</mat-form-field>
</div>
Результат в Firestore следующий: