CODEWITHSUNDEEP
angularjsfullcalendarangular-ui
JY HO
JY HO

Reputation: 43

#fullcalendar how can i change the weekly times (0:00-24:00) to only (9:00 - 18:00)?

AngularUI Calendar and Arshaw FullCalendar

I'm using this ui-calendar. The weekly times are display the 24 hours, how can i change the time to only display 09:00am - 06:00pm?

Thankyou.

Upvotes: 1

Views: 319

Answers (1)

MarCrazyness
MarCrazyness

Reputation: 2192

You will need to update your uiconfig (from http://angular-ui.github.io/ui-calendar/) and include minTime and maxTime in your uiconfig:

    /* config object */
    $scope.uiConfig = {
      calendar:{
        height: 450,
        editable: true,
        header:{
          left: 'title',
          center: '',
          right: 'today prev,next'
        },
        eventClick: $scope.alertOnEventClick,
        eventDrop: $scope.alertOnDrop,
        eventResize: $scope.alertOnResize,
        minTime: '09:00:00', // Added mintime
        maxTime: '18:00:00' // Added maxtime
      }
    };

Upvotes: 1

Related Questions