search

SWS-5007 / My-Experience

13 stars 0 forks source link

How to get Range Picker Date in Angular? #6

Open SWS-5007 opened 1 year ago

SWS-5007 commented 1 year ago

Html:

<mat-form-field appearance="standard">
  <mat-date-range-input [rangePicker]="dateRangePicker">
    <input matStartDate #dateRangeStart />
    <input
      matEndDate
      #dateRangeEnd
    />
  </mat-date-range-input>
  <mat-datepicker-toggle matPrefix [for]="dateRangePicker">
  </mat-datepicker-toggle>
  <mat-date-range-picker
    #dateRangePicker
    (closed)="closed(dateRangeStart, dateRangeEnd)"
  ></mat-date-range-picker>
</mat-form-field>

Components:

closed(dateRangeStart: HTMLInputElement, dateRangeEnd: HTMLInputElement) {
    if (!dateRangeEnd.value) {
      dateRangeEnd.value = dateRangeStart.value;
    }
  }