How to show the week number as text?

Question

Now the week number displays like "4" can i somehow get it to show "Week 4" (See the pictures for example, i just edited the html to show what i need).Attachment: pictures_b3d029d4.rar

Vengatesh Maniraj · Answer

Hi Rasmus, 

Greetings from Syncfusion Support. 

Based on the requirement, we have prepared the below sample for week number template by making use of renderCell event like below, 

onRenderCell(args):void{ 
      if (args.elementType === 'emptyCells') { 
            let weekNumber = args.element.querySelector('.e-week-number span').innerText; 
            args.element.querySelector('.e-week-number span').innerText = "Week "+ weekNumber; 
        } 
    } 


Sample: https://stackblitz.com/edit/angular-27aecd?file=app.component.ts 

API: https://ej2.syncfusion.com/angular/documentation/api/schedule/#rendercell 

Kindly try the above sample and revert us for further assistance. 

Regards, 
Vengatesh

Rasmus · Answer

Thank you for the help! It works great!

Vengatesh Maniraj · Answer

Hi Rasmus, 

Thanks for the update. 

We are glad that your requirement has fulfilled. 

Regards, 
Vengatesh