PrimeNG Angular响应式表单中年选择器失效问题咨询

核心问题原因 #

PrimeNG 并未支持通过<input type="year">实现年选择器：

• 原生HTML规范中不存在type="year"的输入类型，浏览器会将其视为普通文本输入框
• PrimeNG仅对<input type="month">做了组件扩展支持，年选择器的实现必须依赖<p-calendar>组件

你看到的<input type="month">正常工作，是因为PrimeNG对该原生输入类型做了封装适配；而<input type="year">既无原生支持，也无PrimeNG的组件逻辑加持，因此只会显示为普通文本框，无法触发选择器。

正确的年选择器实现方式 #

在响应式表单中，必须使用<p-calendar>组件配合view="year"参数来实现年选择器，示例代码如下：

<!-- 响应式表单中年选择器的正确用法 -->
<p-calendar
  formControlName="yourYearControl"
  view="year"
  dateFormat="yy"
  placeholder="选择年份"
  readonlyInput
/>

• 添加readonlyInput可以禁止手动输入，强制用户通过选择器选择年份
• 配合formControlName即可正常绑定响应式表单控件

关于你提到的历史Issue #

你提到的两年前的修复，针对的是<p-calendar>组件与formControlName的绑定兼容性问题，和<input type="year">无关——因为后者本身就不是PrimeNG支持的用法，不存在“修复不彻底”的情况。

结论 #

• 不存在配置疏漏，是因为你误用了PrimeNG未支持的写法
• 无需提交Bug反馈，若需要原生input风格的年选择器，可以考虑向PrimeNG提交Feature Request

内容的提问来源于stack exchange，提问作者user1085211