Событие изменения даты не запускается в угловых

Question

Я работаю над Angular 4 и не могу вызвать функцию при изменении даты, как показано ниже.Я не могу вызвать функцию getDateSales () при изменении даты.

Может ли кто-нибудь помочь в этом.

Заранее спасибо.

<input class="card-header-action" type="text"
                    placeholder="Select date of sales"
                    class="form-control"
                    [(ngModel)]="saleDate"
                    [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' }"
                    bsDaterangepicker
                    (change)="getDateSales()">

Answer 1

Здесь вам нужно добавить (bsValueChange)="onValueChange($event)" событие, как показано ниже

HTML

<input class="card-header-action" type="text"
                    placeholder="Select date of sales"
                    class="form-control"
                    [(ngModel)]="saleDate"
                    [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' }"
                    bsDaterangepicker
                    (bsValueChange)="getDateSales($event)">

component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'demo-datepicker-value-change-event',
  templateUrl: './value-change-event.html'
})
export class DemoDatepickerValueChangeEventComponent {
  data: Date;

  onValueChange(value: Date): void {
    this.data = value;
  }
}

Надеюсь, это поможет!

Answer 2

Вы можете подписаться на значение DatePicker изменить событие

<input class="card-header-action" type="text"
                        placeholder="Select date of sales"
                        class="form-control"
                        [(ngModel)]="saleDate"
                        [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' }"
                        bsDaterangepicker
                        (bsValueChange)="getDateSales()">