You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改PrimeNG Date Picker按钮栏的Clear与Today标签?

解决PrimeNG 19 DatePicker按钮栏标签本地化问题

PrimeNG 19版本的DatePicker组件,按钮栏的文本配置逻辑和旧版Calendar组件不同,你需要调整locale对象的结构,把按钮文本嵌套到buttonBar属性下:

修正Locale对象定义

it = {
  buttonBar: {
    today: 'Oggi',
    clear: 'Svuota'
  }
};

保持组件绑定不变

你的<p-datepicker>组件配置不需要改动,依然保留[locale]="it"的绑定:

<p-datepicker
  formControlName="minDate"
  inputId="minDate"
  showIcon
  inline
  [maxDate]="maxDate"
  [showButtonBar]="true"
  [locale]="it"
/>

原因说明

PrimeNG从19版本开始,对DatePicker的locale配置做了结构优化,将按钮栏相关的文本统一归集到buttonBar子节点下,而旧版Calendar直接在根节点配置today、clear的方式已经不再适用于新版DatePicker组件,这就是你之前参考旧方案无效的原因。

内容的提问来源于stack exchange,提问作者Enrico Arnaudo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.14 20:25:57