更改不适用于选择日期 html 输入

Question

日期选择更改不起作用

  <input type="text" formControlName="visaIssueDate" class="form-control" 

  ngbDatepicker #d="ngbDatepicker" placeholder="yyyy-mm-dd" [minDate]="minDate" [maxDate]="maxDate"

    (change)="onChangeVisaIssueDate()"

   />
          

Answer 1

您正在使用响应式表单，因此在您的 .ts 文件中，您可以在日期表单控件上启动更改侦听器：

this.formGroup.get('visaIssueDate').valueChanges.subscribe((val) => {
   this.onChangeVisaIssueDate()
})

每次日期值更改时都会运行。

已编辑

你可以试试这个方法：

<input
    class="form-control" 
    placeholder="yyyy-mm-dd" 
    name="datepicker" 
    formControlName="visaIssueDate" 
    ngbDatepicker 
    #d="ngbDatepicker"
    (dateSelect)="onChangeVisaIssueDate()"
    >

根据 ngbDatePicker 文档，“dateSelect”发射器将在每次用户选择日期时运行。