integrated lunar calendar into schedule

[Doan]

I want to integrated lunar calendar(chinese lunar calendar) to schedule. Refer below image.

Please support me, Thank you so much!!! 

[Nevitha Ravi]

 Hi Doan, 

Greetings from Syncfusion Support. 

Currently it is not feasible to show the lunar date in our Syncfusion scheduler. You can render the lunar date using cellTemplate option by calculating the lunar date manually and display it in our scheduler. 

Please refer to the following examples for cellTemplate option. 

JS1 scheduler: http://js.syncfusion.com/demos/jquery/#!/bootstrap/schedule/template/cell 

JS2 scheduler: https://ej2.syncfusion.com/demos/#/material/schedule/cell-template.html 

Please try the above links and let us know if you need any further assistance. 

Regards, 

Nevitha 

[Doan]

Thank you!!! 

[Nevitha Ravi]

Hi Doan, 

You are most welcome..! please let us know for further assistance. 

Regards, 

Nevitha 

[Betina Jessen]

I want to have Chinese Lunar calendar on lg calendar , but I don't know how to work it out . I can have lunar calendar for web google calendar , but it doesn't display on my G6's calendar (LG calendar), who can help me , thank you first .

[Ravikumar Venkatesan]

Hi Betina,

Greetings from Syncfusion support.

We have validated your query “I want to have Chinese Lunar calendar on lg calendar” at our end. In our EJ2 Schedule, we have cellTemplate support. This will be triggered when each date cell is rendered and there you get the respective Gregorian date. So, we suggest you use the cellTemplate of the Schedule and get the Chinese Lunar calendar date from the Gregorian date received on each cell. In our shared sample we have displayed Grigorian dates. You can convert the Gregorian date to the Chinese Lunar calendar date and display it in the Schedule cells.

Sample: https://stackblitz.com/edit/ej2-js-schedule-cell-template-sample?file=index.js

Demo: https://ej2.syncfusion.com/javascript/demos/#/material/schedule/cell-template.html

UG: https://ej2.syncfusion.com/javascript/documentation/schedule/cell-customization/#using-template

[index.js]

window.getCellContent = function (date) {

    // Here you can convert the date to Chinesh lunar calendar date and return it

    return date.toDateString();

};

var scheduleObj = new ej.schedule.Schedule({

    width: '100%',

    height: '650px',

    cellTemplate: '${if(type === "monthCells")}<div class="templatewrap">${getCellContent(data.date)}</div>${/if}',

    views: ['Month'],

    currentView: 'Month',

    selectedDate: new Date(2021, 11, 15)

});

scheduleObj.appendTo('#Schedule');

Regards,

Ravikumar Venkatesan