如何更改primeng日历中的“今天”按钮标签答案

【问题标题】：How to change the 'Today' button label in primeng calendar如何更改primeng日历中的“今天”按钮标签
【发布时间】：2019-12-04 17:06:22
【问题描述】：

我正在使用启动版本 7.1.3。我正在使用 p-calendar 并且如果我指定 showButtonBar="true" 那么我今天得到并清除按钮。我需要更改 Today 按钮的标签。我怎样才能做到这一点？

.html

 <div [formGroup]="plf.cueForm">
   <p-calendar 
   #myCalendar 
   [dataType]="'string'" 
   (onTodayClick)="onTodayClick($event)" 
   formControlName="{{itemId}}"  
   [timeOnly]="true" 
   [placeholder]="'HH:MI'" 
   [showIcon]="true" 
   showButtonBar="true"
   appendTo="body"
   icon="fa fa-calendar"></p-calendar>
  </div>

【问题讨论】：

您是否尝试过设置语言环境@Input？例如日历中的 [locale]="pt"？
@Isha 添加您尝试过的代码和 html 文件的当前代码
即使日历/日期选择器不同意您更改文本，您也可以通过 CSS 隐藏默认文本，然后通过 CSS 前/后内容放置文本
@alessandro 你能告诉我如何在 css 中做到这一点吗？
@Allabakash 检查我编辑的 html

标签： angular primeng

【解决方案1】：

您可以使用 locale 属性更改今天/清除按钮的文本。

所以代码看起来像这样，

<p-calendar 
   #myCalendar 
   [dataType]="'string'" 
   (onTodayClick)="onTodayClick($event)" 
   [(ngModel)]="value"  
   [timeOnly]="true" 
   [placeholder]="'HH:MI'" 
   [showIcon]="true" 
   showButtonBar="true"
   appendTo="body"
   icon="fa fa-calendar"
   [locale]="en"></p-calendar>

ngOnInit() {  

    this.en = {
      firstDayOfWeek: 0,
      dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
      dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
      dayNamesMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
      monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
      today: 'Custom Today',
      clear: 'Clear it !!!'
    };
  }

这里是演示 - https://stackblitz.com/edit/prime-ng-calendar-sysnhm 希望这会有所帮助

【讨论】：