Range - How To Load Labels from a Remote JSON or CSV?

Date and time pickers
1

Can you please help with an example of loading labels from a remote JSON or CSV to show on Range Calendar? Thanks

2

Hi @Max_B :wave:

Good question :wink:
Initially pass labels: [] to the settings, than fetch the data, update the labels and redraw the calendar, e.g:

var inst = $('#mycal').mobiscroll('getInst');

$.getJSON('/ext/mobiscroll/test/data.json', function (data) {
   inst.settings.labels = data;
   inst.redraw();
}

If you’d like to load the labels dynamically only for the displayed month, you can do that inside the onPageLoading event. Here are some examples for marked days, with labels should be the same.

3

Thanks @Zsombor ! Worked like a charm.