Я использую последнюю Angular Material 5.0.0-rc0 в своем приложении Angular 5. Я пытаюсь выбрать диапазон дат с помощью datepicker снабженный материалом Angular, но я не мог найти никакой документации относительно этого.
Все, с чем я мог работать, это выбрать startDate или установить minDate и maxDate. Здесь HTML-код для этого
<mat-form-field>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
</mat-form-field>
и код TS
import {Component} from '@angular/core';
@Component({
selector: 'datepicker-start-view-example',
templateUrl: 'datepicker-start-view-example.html',
styleUrls: ['datepicker-start-view-example.css'],
})
export class DatepickerStartViewExample {
minDate = new Date(2000, 0, 1);
maxDate = new Date(2020, 0, 1);
}
Этот код помогает мне выбрать одну дату в диапазоне тех минимальных и максимальных дат, но не позволяет выбрать их диапазон. Хотя использование сторонней библиотеки может решить эту проблему, но у нее будет другой пользовательский интерфейс, который будет отличаться от моего текущего пользовательского интерфейса приложения. Пожалуйста, помогите мне решить эту проблему.
