Метод обратного вызова в Datetime Picker в Angular 5

Question

Я использую этот инструмент выбора даты и времени: - https://www.npmjs.com/package/angular2-datetimepicker

Официальная ссылка на документ: - https://cuppalabs.github.io/angular2-datetimepicker/#/datetimepicker.

Я получаю дату в методе обратного вызова.http://cuppalabs.github.io/components/datepicker/#Callback-Methods

onDateSelect($event): void {
     console.log($event);
  }

В моем файле component.html.

<angular2-date-picker (onDateSelect)="onDateSelect($event)" [(ngModel)]="date" [settings]="{
        bigBanner: true,
        timePicker: true,
        format: 'dd-MMM-yyyy hh:mm a'
    }"></angular2-date-picker>

Но я получаю только это значение в его событиях обратного вызова.

Tue Apr 24 2018 17:01:46 GMT+0530 (India Standard Time)

Итак, я запутался, как я могу получить и установить значения в нем, потому что он в форме, и как я могу использовать эту функцию обратного вызова при получении и установке значения.

Answer 1

Добавьте (ngModelChange)="onChange($event)" и обработайте событие, которое решит проблему.

поэтому ваш код будет примерно таким, как показано ниже

<angular2-date-picker (ngModelChange)="onDateSelect($event)" ..rest of code