Как легко выбрать дату и время от пользователя в угловых? - PullRequest
Новая
       10

Как легко выбрать дату и время от пользователя в угловых?

0 голосов
/ 26 октября 2019

Как выбрать дату и время ввода от пользователя? Мне нужно сохранить его в свойстве метки времени в firestore, используя Angular. Пожалуйста, дайте мне способ сделать это.

Ответы [ 2 ]

0 голосов
/ 26 октября 2019

ОШИБКА в ../../node_modules/ng-pick-datetime/date-time/date-time-picker.component.d.ts:2:62 - ошибка TS2307: не удается найти модуль '@ angular / cdk/ перекрытие.

2 import {BlockScrollStrategy, Overlay, ScrollStrategy} из '@ angular / cdk / overlay';~~~~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog-config.class.d.ts:2:32 - ошибка TS2307: не удается найти модуль'@angular/cdk/overlay'.

2 import {ScrollStrategy} из '@ angular / cdk / overlay';~~~~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog-container.component.d.ts:3:34 - ошибка TS2307: не удается найти модуль'@angular/cdk/a11y'.

3 import {FocusTrapFactory} из '@ angular / cdk / a11y';~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog-container.component.d.ts:4:84 - ошибкаTS2307: не удается найти модуль'@angular/cdk/portal'.

4 import {BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal} из '@ angular / cdk / portal';~~~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog-ref.class.d.ts:2:28- ошибка TS2307: не удается найти модуль'@angular/cdk/overlay'.

2 import {OverlayRef} из '@ angular / cdk / overlay';~~~~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog.service.d.ts:6:59 -ошибка TS2307: не удается найти модуль'@angular/cdk/overlay'.

6 import {Overlay, OverlayContainer, ScrollStrategy} из '@ angular / cdk / overlay';~~~~~~~~~~~~~~~~~~~~~~ ../../node_modules/ng-pick-datetime/dialog/dialog.service.d.ts:7:31 -ошибка TS2307: не удается найти модуль'@angular/cdk/portal'.

7 import {ComponentType} из '@ angular / cdk / portal';~~~~~~~~~~~~~~~~~~~~~

** Angular Live Development Server прослушивает localhost: 4200, откройте браузер на http://localhost:4200/** i ｢wdm｣: не удалось скомпилировать.

0 голосов
/ 26 октября 2019

Вы можете использовать Angular Date Time Picker пакет npm для получения даты и времени из ввода.

Пример кода 1) module.ts 

import { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime';
@NgModule({
    declarations: [],
    imports: [
        OwlDateTimeModule,
        OwlNativeDateTimeModule
    ],
})

2) component.html 

<input type="text" placeholder="MM/DD/YYYY" [owlDateTime]="dt1"
    formControlName="installDate" id="installDate" autocomplete="off"
    (ngModelChange)="onInstallDateChange()" class="form-control" 
    [max]="currentDate" />
<owl-date-time #dt1 pickerType="calendar"></owl-date-time>
...