FullCalendar week view start on Monday

Question

I want to do something similar to this: show only weekdays, however, I would like it to start on the first day of the week (or show from Sunday to the next Saturday).

I have tried setting a moment for the start and intervalStart option of the first day of the week (i.e. Sunday) but this doesn't seem to work.

Edit (from link above):

$('#calendar').fullCalendar({
    header: {
        left: '',
        center: '',
        right: '',
    },
    editable: true,
    views: {
        settimana: {
            type: 'agendaWeek',
            duration: {
                days: 7
            },
            title: 'Apertura',
            columnFormat: 'dddd', // Format the day to only show like 'Monday'
            hiddenDays: [0, 6] // Hide Sunday and Saturday?
        }
    },
    defaultView: 'settimana',
    });

You need to provide the code you are having problems with, we can't help otherwise — Patrick Evans, Oct 20 '17 at 20:58
what about just using https://fullcalendar.io/docs/display/firstDay/? — ADyson, Oct 20 '17 at 21:29

score 2 · Answer 1 · answered Dec 12 '18 at 11:23

2

For future reference, for custom views the dateAlignment option can be used to implement something like weekdaysOnlyView.

answered Dec 12 '18 at 11:23

Dart Dega

241
3
8

score 1 · Accepted Answer · answered Oct 20 '17 at 21:05

1

I was able to do this with:

$('#calendar').fullCalendar({
    ...  
    // Added the default date
    defaultDate: $.fullCalendar.moment().startOf('week'),
    ...
    });

answered Oct 20 '17 at 21:05

coler-j

1,791
1
27
57

Gustavo Jimenez Lievano · Answer 3 · 2023-04-26T10:18:38.480

0

You can add firstDay: 1.

$('#calendar').fullCalendar({
  firstDay: 1,
})

or

let calendar = new FullCalendar.Calendar(calendarEl, {
 firstDay: 1,
 ...
});

edited Apr 26 '23 at 10:18

answered Apr 26 '23 at 10:14

Gustavo Jimenez Lievano

1
2

FullCalendar week view start on Monday

3 Answers3