Javascript Calendar Scroll Direction, Week Numbers & Outer Days Example

The calendar view can be customized with a couple of different parameters:

Set a month change direction - specify 'horizontal' or 'vertical' in the calendarScroll option
Set the first day of the week - specify the first day of the week using the firstDay option, where Sunday is 0, Monday is 1, etc.
Show week numbers - set the showWeekNumbers to true and show a week counter starting from the first week of every year
Hide the outer days of a month - set the showOuterDays to false in case you don't want to see days from previous and next months

Set a scrolling direction

Vertical Horizontal

Set the first day of week to

Annual week numbers

Show week counter

Outer days (Hidden by default for vertical, visible by default for horizontal)

Show outer days

mobiscroll.datepicker('#picker', {
    calendarScroll: 'horizontal',
    firstDay: 1,
    showWeekNumbers: false,
    showOuterDays: true
});

Scroll Direction, Week Numbers & Outer Days