Как узнать время в Ng-Bootstrap datepicker

Question

Мне было интересно, есть ли прямой способ получить время в датчике ng-bootstrap?Пока мой код:

 <input class="form-input" type="text" id="date" placeholder="yyyy-mm-dd hh:mm:ss" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" [navigation]="navigation"
    formControlName="date" (click)="d.toggle()"><i class="form-icon icon icon-calendar calendar-icon" (click)="d.toggle()"></i><h6 class="text-gray mt-2">xxxxx</h6>

ts файл:

model: NgbDateStruct;
date: {year: number, month: number};

Есть идеи?

Answer 1

Вы должны использовать Timepicker из ngx-bootstrap. Если вам действительно нужно ввести время и дату в одном и том же всплывающем окне, попробуйте ссылку ниже.

https://www.npmjs.com/package/ngx-bootstrap-datetime-popup

Answer 2

Надеюсь, я еще не опоздал, но, поскольку вы уже используете Ng Bootstrap, вы также можете использовать модуль TimePicker , который является частью Ng Bootstrap. Таким образом, вы можете просто импортировать его вместе с модулем DatePicker.

import { NgbDatepickerModule, NgbTimepickerModule } from '@ng-bootstrap/ng-bootstrap';

Ранее я сделал демонстрацию stackblitz , когда кто-то другой задал похожий вопрос. Не стесняйтесь проверить это и посмотреть, как это работает!