Print and PDF Export
The scheduler includes print optimized styling through the print add-on. This needs to be added to the download package or installed separately from a dedicated NPM package.
Print styling is applied when someone prints the page that contains the scheduler. In addition to that, you can call the print method on the instance which grabs only the markup of the scheduler, places it onto a temporary page and calls the browsers printing function. This is especially useful when you want to add a button to only print the scheduler rather than the whole page.
Besides printing, PDF export is possible through the print dialog of the browser.
Demo
By calling the print method, the scheduler will open a new window and print its content.
var inst = $('#myscheduler').mobiscroll().eventcalendar({
modules: [mobiscroll.print],
view: {
scheduler: {
type: 'week'
}
}
}).mobiscroll('getInst');
$('#print-button').on('click', function () {
inst.print();
}); 
mobiscroll.setOptions({
locale: ,
theme: ' ',
themeVariant: ' '
});
$(function () {
var inst = $('#demo-printing-the-view')
.mobiscroll()
.eventcalendar({
clickToCreate: ,
dragToCreate: ,
dragToMove: ,
dragToResize: ,
eventDelete: ,
modules: [mobiscroll.print],
view: {
scheduler: { type: 'week' },
},
})
.mobiscroll('getInst');
$.getJSON(
'https://trial.mobiscroll.com/events/?vers=5&callback=?',
function (events) {
inst.setEvents(events);
},
'jsonp',
);
$('#print-button').on('click', function () {
inst.print();
});
});
<button id="print-button" mbsc-button>Print scheduler</button>
<div id="demo-printing-the-view"></div>