javascript - 季度日期选择器

我正在寻找一个季度日期选择器，最好使用Angular，如下所示：



Bootstrap和（角度）材质似乎都没有提供此功能。

还有其他现有的框架/库可以提供此功能吗？

最佳答案

为什么不使用，例如自动完成材料，例如

<form class="example-form">
  <mat-form-field class="example-full-width">
    <input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl" [matAutocomplete]="auto">
    <mat-autocomplete #auto="matAutocomplete">
      <button mat-icon-button (click)="change(-1)"><</button>{{year}}<button mat-icon-button (click)="change(1)">></button>
      <mat-option *ngFor="let option of options;let i=index" [value]="option.value">
        {{option.value}}<span *ngFor="let month of option.months">{{month}}</span>
      </mat-option>
    </mat-autocomplete>
  </mat-form-field>
</form>

options: any[] = [
    {value:1,months:['Ene','Feb','Mar']},
    {value:2,months:['Apr','May','Jun']},
    {value:3,months:['Jul','Ago','Sep']},
    {value:4,months:['Oct','Nov','Dec']}
  ];
  year=new Date().getFullYear()
  change(inc)
  {
    this.year+=inc
  }

在stackblitz中查看一个傻瓜示例

关于javascript - 季度日期选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58290989/