Question

我正在使用角度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

您可以订阅日期选择器的值change事件

<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()">

日期更改事件未按角度触发

2 个答案: