Primefaces Schedule - how to format column headers

Question

I am trying to use a p:schedule, but the column headers are showing the format like: EEE MM/dd and I really need to switch to EEE dd/MM.

researching the primefaces forums and google project, i ran into this (and several other threads): http://code.google.com/p/primefaces/issues/detail?id=2546

that seems to address the issue, but I am clueless as to how to use it to solve the issue.

I am unsure as to wheter this question is a duplicate (as the issue has been lingering around for a couple years now) but searching the SO did not come with any hits.

So, how can I change the format of the column headers?

I imported the showcase example into my project, so far the config of my schedule event is:

<p:schedule value="#{scheduleController.eventModel}"
widgetVar="myschedule" view="agendaWeek"     allDaySlot="false"
slotMinutes="15" firstHour="7" showWeekends="FALSE"
leftHeaderTemplate="prev,next" rightHeaderTemplate=""
minTime="7am" maxTime="21pm" timeFormat="dd/MM hh:mm"
axisFormat="HH">

using primefaces 3.3.1

one way out is to hard edit the shedule.js file in the primefaces package, but then you break the JAR. http://forum.primefaces.org/viewtopic.php?f=3&t=25552 - not acceptable, but the primefaces guys don't seem to care. — Mindwin Remember Monica, Oct 30 '12 at 14:24

score 0 · Accepted Answer · edited May 23 '17 at 12:14

0

A very crude solution, I fixed these headers by hijacking the output of the schedule page, changing the javascript code for the schedule call in order to put the format in it:

I used the classes written by Jeremy Stein (click to go to question) (yeah, regex on HTML output, bash on) and placed a filter listening on the output of the specific page with the schedule.

I used the following Pattern and Replace String:

Pattern. compile("timeFormat:(.*?), behaviors");

replaceString= "timeFormat: $1, columnFormat : { month : 'ddd' , week : 'ddd d/M' , day : 'dddd d/M' }, behaviors"

by inserting the columnFormat property in the output, it started rendering the headers right.

I would love to see another way to get around Primefaces reluctance in implementing this feature.

edited May 23 '17 at 12:14

Community

1
1

answered Oct 30 '12 at 16:25

Mindwin Remember Monica

1,469
2
20
35

1

I can't shake the feeling that I am commiting some kind of atrocity... But maybe its the eerie aura of the week. – Mindwin Remember Monica Oct 30 '12 at 16:28
Today you can extend the configuration using the extender property of p:schedule. – user993553 Nov 02 '15 at 18:25
@user993553 for these "live" API, it is bound to evolve. The Q&A remains a snapshot of the reality at the time of the posting. Glad they are fixing these isues. – Mindwin Remember Monica Nov 03 '15 at 12:14

score 0 · Answer 2 · answered Oct 30 '13 at 18:23

I solved it hacking the javascript from primefaces (scheduler.js). Just add this code in your page to edit the date formats:

if (PrimeFaces.widget.Schedule != undefined) {
PrimeFaces.widget.Schedule.prototype.init = function() {
     this.cfg.titleFormat = {
            month: 'MMMM yyyy',
            week: "De d MMM [ yyyy]{ 'à' d [ MMM] 'de' yyyy}",
            day: 'dddd, d MMM , yyyy'
     };          
     this.cfg.columnFormat = {
            month: 'ddd',
            week: 'ddd d/M',
            day: 'dddd M/d'
     };
     if(this.jq.is(':visible')) {
        this.jqc.fullCalendar(this.cfg);
        return true;
     }  else {
        return false;
     }
};

}

score 0 · Answer 3 · edited May 17 '15 at 02:39

0

I solved this problem by hacking the "columnFormat" attribute.

columnFormat="month:'ddd', week:'dd/MM', day:'dd/MM/yyyy'}, titleFormat: {day: 'dddd, dd \'de\' MMMM \'de\' yyyy'"

edited May 17 '15 at 02:39

Nathan Tuggy

2,237
27
30
38

answered May 17 '15 at 02:13

rsiqueira

21
3

score 0 · Answer 4 · answered Aug 12 '16 at 08:07

With last versions of primefaces, this is now solved. You just have to add columnFormat="ddd D/M" in the p:schedule tag, like below:

<p:schedule value="#{scheduleController.eventModel}"
widgetVar="myschedule" view="agendaWeek"     allDaySlot="false"
slotMinutes="15" firstHour="7" showWeekends="FALSE"
leftHeaderTemplate="prev,next" rightHeaderTemplate=""
minTime="7am" maxTime="21pm" timeFormat="dd/MM hh:mm"
axisFormat="HH" columnFormat="ddd D/M">

The future is an awesome thing, isn't it? And bug tickets. XD — Mindwin Remember Monica, Aug 12 '16 at 20:22

Primefaces Schedule - how to format column headers

4 Answers4