/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

2 votes138 views2 answers
Angular pipe conditionally
Javascript AngularJS
0 vote126 views1 answer
Ipv6 dual regex angular
Javascript AngularJS
0 vote83 views1 answer
Mat chips with input
Javascript AngularJS
0 vote134 views1 answer
Angular dinamic disabled
Javascript AngularJS
0 vote116 views1 answer
Angular key value pipe compareFn example
Javascript AngularJS
1 vote174 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
0 vote124 views1 answer
Angularjs are you sure to leave
Javascript AngularJS
1 vote134 views2 answers
Change font size of angular material tooltip
Javascript AngularJS
0 vote120 views1 answer
Adding bootstrap to angular global styles
Javascript AngularJS
72 votes240 views3 answers
Angular local storage
Javascript AngularJS