Diplay month name on first of each month (mobile)

[Ronan Ca]

Hello,

I'd like to be able to display the month name on the first day of each month on mobile, the same as it appears on computer.
I am using react and javascript es6.

Take a look to my attached screenshot.

Kind regards

Ronan

Attachment: request_month_name_e62ef3b3.zip

[Karthigeyan Krishnamurthi]

Hi Ronan, 

 

Syncfusion greetings. 

 

We have achieved your requirement using dataBound and actionComplete events. 

https://stackblitz.com/edit/react-lvqjc2?file=index.js 

 

onBound() { 

    if (Browser.isDevice && this.flag && this.scheduleObj.currentView === "Month") { 

      this.custom(); 

    } 

  } 

  onComplete(args) { 

    if (Browser.isDevice && (args.requestType === "dateNavigate" || args.requestType === "viewNavigate") && this.scheduleObj.currentView === "Month") { 

      this.custom(); 

    } 

  } 

  custom() { 

    var collection = document.querySelectorAll('.e-date-header'); 

    var count = collection.length; 

    for (var i = 0; i < count; i++) { 

      if (collection[i].innerText === "1") { 

        var date = collection[i].offsetParent.getAttribute('data-date'); 

        var intl = new Internationalization(); 

        var dFormatter = intl.getDateFormat({ skeleton: 'MMMd', type: 'date' }); 

        var formattedString = dFormatter(new Date(parseInt(date))); 

        collection[i].innerHTML = formattedString; 

        this.flag = false; 

      } 

    } 

  } 

 

Regards, 

Karthi 

 

[Ronan Ca]

Hello,

Thank you Karthi,your answer and example are perfect.

Best regards

Ronan

[Vinitha Devi Murugan]

Hi Ronan, 

 

Thanks for your update. 

 

We are happy that our solution fulfilled your requirement 😊. 

 

Regards, 

M.Vinitha devi