P-Schedule dayRender

[jayendran]

Can any one implemented DayRender? if so please pass me the example.

I tried this in Angular 2.0 (typeScript) but its not working. Date and cell are not identified.

this.dayRender(date, cell) {
cell.css("background-color", "yellow");
}

[jayendran]

Any help will be appreciated. Any one implemented dayRender?

if not how do we set valid date range in the calendar?

[sudheer]

In case of attributes, PrimeNG schedule just passes all the config details to the full calendar options. It should work the same way as full calendar dayrender function.

[jayendran]

Full Calendar documentation has this.

function( date, cell ) { }.

How can i get access to parameters (date and cell) in Angular type script file?

[sudheer]

You just need to call the function like [dayRender]="dayRender" .That's it.

[biven]

I use Angular 4 and "primeng": "^4.1.0". Just using

Code: Select all

[dayRender]="dayRender"
...
dayRender(date: any, cell: any): void {
    
  }

doesn't get any result. Both params are undefined. How should it work?

[biven]

I use Angular 4 and "primeng": "^4.1.0". Just using

Code: Select all

[dayRender]="dayRender"
...
dayRender(date: any, cell: any): void {
    
  }

doesn't get any result. Both params are undefined. How should it work?

I found my issue. Documentations says: This callback lets you modify day cells that are part of the month, basicWeek, and basicDay views, but i tried to use it with agendaWeek and agendaDay. So, additional question: does any mechanism have for handling cells rendering on agendaWeek and agendaDay views?

[giammanet]

i use primefaces in JSF projects.

in my case, suppose that i've declared my schedule this way:

<p:schedule id="schedule" .... (other params..)

in a javascript block i call this:


$("#schedule").fullCalendar({
dayRender: function (date, cell) {
cell.css("background-color", "red");
}
});

[yigitfindikli]

p-schedule is deprecated. You can use p-fullCalendar. You can more info in http://primefaces.org/primeng/#/fullcalendar .