/Javascript/AngularJS/Angular material datepicker range get value

Angular material datepicker range get value

// Template

<mat-form-field appearance="standard">
  <mat-label>{{reportField.value.label}}</mat-label>
  <mat-date-range-input [rangePicker]="dateRangePicker">
    <input matStartDate
      placeholder="Start date"
      #dateRangeStart>
    <input matEndDate
      placeholder="End date"
      #dateRangeEnd
      (dateChange)="dateRangeChange(dateRangeStart, dateRangeEnd)">
  </mat-date-range-input>
  <mat-datepicker-toggle matPrefix
    [for]="dateRangePicker">
  </mat-datepicker-toggle>
  <mat-date-range-picker #dateRangePicker></mat-date-range-picker>
</mat-form-field>

Source: stackoverflow.com

Similar codes

6 votes120 views2 answers
Ionic angular change page route
Javascript AngularJS
20 votes152 views2 answers
Responsive grid system angular
Javascript AngularJS
0 vote176 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote123 views1 answer
Url validation in formcontrol angular 8
Javascript AngularJS
0 vote128 views1 answer
Click binding angular 8
Javascript AngularJS
1 vote127 views2 answers
Angular 8 to 9
Javascript AngularJS
2 votes134 views2 answers
Angular window object
Javascript AngularJS
0 vote127 views1 answer
Upload file angular rest api
Javascript AngularJS
0 vote130 views2 answers
Accept 2 values after decimal in angular forms
Javascript AngularJS
0 vote126 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS