代码之家 › 专栏 › 技术社区 › Jibin TJ

Primeng中p-calendar的自定义按钮

primeng angular

2

Jibin TJ · 技术社区 · 8 年前

我正在尝试在p-calendar中集成除今天之外的自定义按钮和清除按钮。有什么办法吗?此外,如何将标签“Clear”更改为“Empty”之类的内容?

谢谢

1 回复 | 直到 8 年前

1

5

Antikhippe 8 年前

要更改 清楚的 标签,只需使用 locale 属性(请参见 本地化 来自的部件 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 !!!'
    };


}