如何使 kendo-angular-datepicker 仅显示年份

Posted 2023-05-07

【中文标题】如何使 kendo-angular-datepicker 仅显示年份

【英文标题】：How to make a kendo-angular-datepicker to show year only

【发布时间】：2019-01-28 11:53:42

【问题描述】：

如何将 kendo-angular 日期选择器配置为仅在选择时显示年份。

【问题讨论】：

@mast3rd3mon，你有没有调查我的问题。我要求仅在我的日期选择器中显示年份而不是范围，这意味着我应该在日期选择器的弹出窗口中只显示年份

【参考方案1】：

我已经尝试并得到了以下解决方案，所以如果有人需要，请考虑发布它：

<kendo-datepicker
      [min]="min"
      [max]="max"
      [bottomView]="'year'"
      [format]="'yyyy'"
      [(value)]="value"
  ></kendo-datepicker>

【参考方案2】：

只显示年份并且只能选择年份，这就是我使用的

<kendo-datepicker
    format="yyyy" <!-- Shows year only inside the textbox -->
    activeView="decade" <!-- Starting point inside the popup -->
    bottomView="decade" <!-- Can't navigate down in the popup -->
    topView="decade" <!-- Can't navigate up in the popup -->
    <!-- Add more option below as needed -->
></kendo-datepicker>

更多信息在这里：Kendo DatePickerComponent API doc