我在Angular 5应用程序中使用最新的Angular Material 5.0.0-rc0.我试图用Angular材料提供的datepicker选择一系列日期,但我找不到任何关于它的文档.
我可以使用它是选择一个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,1);
maxDate = new Date(2020,1);
}
此代码可帮助我选择最小和最大日期范围内的一个日期,但不允许选择它们的范围.虽然使用第三方库可以解决这个问题,但它会有一个不同的UI,这将与我当前的应用程序的UI不同.请帮我解决这个问题.
