我在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不同.请帮我解决这个问题.
原文地址:https://www.jb51.cc/angularjs/142115.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。