Primengの​​pカレンダー用のカスタムボタン

Question

私はTodayとは別にカスタムボタンを統合しようとしています.pcalendar.jpには何もありません。また、「Clear」というラベルを「Empty」のように変更するにはどうすればよいですか？

おかげ

Answer 1

だけ（docからローカライズ部分を参照）localeプロパティを使用し、クリアラベルを変更します。

カスタムボタンを追加するには、カスタムテンプレートを追加します（同じドキュメントのカスタムコンテンツの部分を参照）。

<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 !!!' 
    }; 


}