如何修改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
相关产品推荐
相关产品推荐

