/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

4 votes192 views3 answers
In angular how to get router url without query params
Javascript AngularJS
0 vote235 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote191 views1 answer
Angular access service in console
Javascript AngularJS
0 vote214 views2 answers
Angular call child method from parent
Javascript AngularJS
2 votes166 views1 answer
Password validation in angular
Javascript AngularJS
28 votes429 views6 answers
Angular router navigate
Javascript AngularJS
0 vote193 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
0 vote189 views1 answer
Pattern validator angular
Javascript AngularJS
1 vote224 views1 answer
Kendo angular grid date format
Javascript AngularJS
21 votes265 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS