时间戳

首页 > 解决方案 > 角度 7 中的部分日期选择器

angular - 角度 7 中的部分日期选择器

问题描述

我正在使用 Angular 7 并且我正在搜索可以支持部分日期的组件 我需要一些日期选择器，用户只能选择年或年和月或年月日（全天），例如，如果用户只想选择年份：

两个木偶

我试图搜索有角度的材料，但没有找到任何东西。

有谁知道这样的组件？

谢谢！

标签： angulardatedatepickerangular7partial

解决方案

我认为 Angular Material 是你的首选，有很多选择可以让它按你的方式工作。这只是您如何做到这一点的一个示例。一切都来自文档：https ://material.angular.io/components/datepicker/overview

<mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [formControl]="date" > 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker  
    startView="multi-year"
    [startAt]="startDate"
    (yearSelected)="chosenYearHandler($event)"
    (monthSelected)="chosenMonthHandler($event, dp)">
  </mat-datepicker>
</mat-form-field>

和功能

    date = new FormControl(new Date());

  chosenYearHandler(Year) {   
    this.date.setValue(Year);
  }
  chosenMonthHandler(Month) {
    this.date.setValue(Month);
  }

我建议您再次阅读文档并重新考虑可以使用 datepicker 执行的选项。祝你好运！

推荐阅读