How do I set the default month for the angular-ui/ui-calendar for AngularJS(ver 1)? By default, it sets it to the current month

Question

After having read the fullcalendar docs, I thought setting a month attribute in calendar in $scope.uiConfig as below would do it. But I can't understand where exactly I set the month attribute in.

$scope.uiConfig = {
    calendar: { 
        firstDay:1,
        month: 0,
        year: 2018, 
        height: 220,
        aspectRatio: 1.09,
        editable: true,
        header:{ 
            left: 'title',
            center: '',
            right: '' 
        },
        eventClick: $scope.alertOnEventClick, 
        eventDrop: $scope.alertOnDrop,
        eventResize: $scope.alertOnResize,
        eventRender: $scope.eventRender,
        month: 3 
    } 
};

Not sure if it's a typo, but you have set month to both 0 and 3. Perhaps that is causing your issue? — Lex, Aug 05 '18 at 06:43

score 0 · Accepted Answer · answered Aug 05 '18 at 12:19

0

Fixed the issue. I used the attribute 'defaultDate' instead of 'month'. This has been updated based on the fullcalendar docs here. It accepts any moment date. For example:

$scope.uiConfig = {
calendar:{
 defaultDate: "2018-10-01"
 }
}

answered Aug 05 '18 at 12:19

Suvajit Chakrabarty

43
1
10

How do I set the default month for the angular-ui/ui-calendar for AngularJS(ver 1)? By default, it sets it to the current month

1 Answers1