Angular material date picker change event firing twice

P K

Angular material date picker change event firing twice when manually type date, when select date from calender it works fine.
Please suggest workaround when manually type date stop multiple event call.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
I guess you were using change event instead of datechange causing the issue, the change event only fires when the date is selected from the calendar and not for manual input, so use datechange event instead.
"fill">
  Date of Birth
  "dob" (dateChange)="handleDOBChange($event)" formControlName="dateOfBirth">
  for]="dob">



handleDOBChange(event) {
  const m: Moment = event.value;
  if(m){
    console.log("Date of Birth: " + m.toDate());
  }
}

Arvind Kushwaha5y ago

$("#txtStartDate").unbind('change').change(function () {           // your code  });