Angular 7中的部分日期选择器

Question

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

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

有人知道这样的组件吗？

谢谢！

Answer 1

我认为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);
  }

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