We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

How to show the week number as text?

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

3 Replies

VM Vengatesh Maniraj Syncfusion Team January 22, 2020 07:16 AM UTC

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




Kindly try the above sample and revert us for further assistance. 

Regards, 
Vengatesh 



RA Rasmus January 22, 2020 09:18 AM UTC

Thank you for the help! It works great!


VM Vengatesh Maniraj Syncfusion Team January 23, 2020 06:43 AM UTC

Hi Rasmus, 

Thanks for the update. 

We are glad that your requirement has fulfilled. 

Regards, 
Vengatesh 


Loader.
Up arrow icon