加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

如何使用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要求.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读