Week View
Show a week calendar instead of a monthly calendar view to save space. By setting the calendarType to 'week' and passing the count in the calendarSize option you can simply enable a week view.
You can dynamically change the number of weeks or switch between month and week view without the need for recycling the whole component.
Interested in switching week and month view? Learn how to set up switch inside the calendar →
Demo
JSHTML
mobiscroll.setOptions({
locale: ,
theme: ' ',
themeVariant: ' '
});
mobiscroll.datepicker('#demo-1-week', {
controls: ['calendar'],
display: 'inline',
calendarType: 'week',
calendarSize: 1,
});
mobiscroll.datepicker('#demo-2-weeks', {
controls: ['calendar'],
display: 'inline',
calendarType: 'week',
calendarSize: 2,
});
mobiscroll.datepicker('#demo-3-weeks', {
controls: ['calendar'],
display: 'inline',
calendarType: 'week',
calendarSize: 3,
});
<div id="demo-1-week"></div>
<div id="demo-2-weeks"></div>
<div id="demo-3-weeks"></div>