Primeng 中 p-calendar 的自定义按钮

Question

我正在尝试在 p-calendar.Is 中集成除 Today 和 Clear 之外的自定义按钮，有什么办法吗？另外，如何将标签 'Clear' 更改为 'Empty' 之类的内容？

谢谢

Answer 1

要更改 Clear 标签，只需使用 locale 属性（请参阅 Localization 部分 doc).

要添加自定义按钮，您可以添加自定义模板（请参阅同一文档中的 自定义内容 部分）。

<p-calendar [(ngModel)]="dateValue" showButtonBar="true" [locale]="en">
    <p-footer>Cutom footer with custom buttons</p-footer>
</p-calendar>

和

en: any;

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"],
      monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
      today: 'Today',
      clear: 'Clear it !!!'
    };


}

Primeng 中 p-calendar 的自定义按钮

Custom buttons for p-calendar in Primeng

primeng

angular