如何使用datepicker在角度材料5.0.0中选择日期范围?
发布时间:2020-12-17 07:28:44 所属栏目:安全 来源:网络整理
导读:我在Angular 5应用程序中使用最新的Angular Material 5.0.0-rc0.我试图用Angular材料提供的datepicker选择一系列日期,但我找不到任何关于它的文档. 我可以使用它是选择一个startDate或设置minDate和maxDate.这是HTML代码 mat-form-field input matInput [min
我在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不同.请帮我解决这个问题.
目前没有可能的方法来选择一系列日期,尽管有一个
issue要求.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angularjs – angular.js指令在不同的模块
- scala – 使用Map#getOrElse键入怪异
- JAXB 2.0 API is being loaded from the bootstrap classlo
- shell--7、Shell test 命令
- VIM for PHP:在Taglist中列出if()和include()
- Scala val和var相关的问题和scala要求我在声明时分配一个值
- angular – ngrx 4测试效果jasmine-marbles
- AngularJS Safari:当页面切换时,强制页面滚动到顶部
- scala – 是否可以在调用者的命名空间中自动导入其他包?
- angular – 从EventEmitter事件中最佳重新输入ngZone