Display 52 Weeks Planning Calendar

[former_member595421]

Hello Experts,

I have to develop an app in SAPUI5 and the requirement is to display completely 52 calendar weeks using Planning Calendar in Web SAP IDE. Could someone tell me, is there any way to do that?

Thanks and regards,

Ton

[former_member182862]

Do you have a sketch of how it supposes to look like?

[former_member182862 · Accepted solution]

hi Ton

here is an example that may help you to get started

https://jsbin.com/mikuvoh/edit?css,js,output

[former_member595421 · Accepted solution]

Hello Dennis,

thank you verry much for your help. That is exactly what i need. You saved my life 🙂

Thanks again and regards,

Ton

[former_member595421 · Accepted solution]

Hi Dennis,

can i ask you one question more please? I have tried to use the Custom Controls what you showed me yesterday but its does not work when i put this one in the Planning Calendar template. My question is: is there any way to expand the enum sap.ui.unified.CalendarIntervalType ? There is only 3 CalendarIntervalTypes here: also sap.ui.unified.CalendarIntervalType.Day, sap.ui.unified.CalendarIntervalType.Month, sap.ui.unified.CalendarIntervalType.Hour, but what i really need is sap.ui.unified.CalendarIntervalType.Week :(. Im sorry but i'm completely new in SAPUI5.

Thanks and regards,

Ton calendarintervaltype.png

[former_member595421]

question.png

Hi Dennis,

thank you for your answer. I would like to have something like in attachment. Problem here is that there is no CalendarIntervalType week in SAPUI5 (as i know, i'm new in SAPUI5) and i cant find any topic about this. I know we can calculate the week number in JavaScript but i dont know how to display this week number in the html page. Do you have any idea?

Thanks and regards,

Ton

[former_member182862]

HI Ton

it is unfortunate the CalendarIntervalType for week is not supported. Hence I suggest the custom control approach. It is hard to do.

[former_member595421]

Hi Dennis,

:(, anyway thank you very much for your help. I appreciate it very much :-). Btw i have tried yesterday to add a PlanningCalendarView with intervalsL=365 and intervalType=day and the 52 weeks was displayed on the top of page, but i did not find any way to hide the display of the 365 days on the calendar row (i only need to display 52 weeks). Maybe i have to manipulate it through DOM Element. Dont know whether it works but i will give a try 🙂

Thanks and regards

Ton