如何更改primeng日历中的'Today'按钮标签

Question

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

.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>

Answer 1

您可以使用 locale 属性更改按钮 today/clear 的文本。

所以代码看起来像这样，

<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 希望这有帮助

如何更改primeng日历中的'Today'按钮标签

How to change the 'Today' button label in primeng calendar

primeng

angular