twinssbc / Ionic2-Calendar

A calendar component based on Ionic framework
https://ionic-calendar-demo.stackblitz.io
MIT License
387 stars 197 forks source link

startingDayWeek not working #597

Closed JanDa-ma closed 3 years ago

JanDa-ma commented 3 years ago

I want to set Monday as the beginning date using the startingDayWeek but for some reason, it doesn't work. It still shows Sunday as the first day of the week.

Html:

 <calendar
    [startingDayWeek]="calendar.startingDayWeek "
    [eventSource]="eventSource"
    [calendarMode]="calendar.mode"
    [currentDate]="calendar.currentDate"
    (onCurrentDateChanged)="onCurrentDateChanged($event)"
    (onEventSelected)="onEventSelected($event)"
    (onTitleChanged)="onViewTitleChanged($event)"
    (onTimeSelected)="onTimeSelected($event)"
    [step]="calendar.step"
  >
  </calendar>

.Ts calendar = { mode: 'month' as CalendarMode, startingDayWeek: 1, currentDate: new Date(), };

This also don't work:

<calendar
    [startingDayWeek]="1"
    [eventSource]="eventSource"
    [calendarMode]="calendar.mode"
    [currentDate]="calendar.currentDate"
    (onCurrentDateChanged)="onCurrentDateChanged($event)"
    (onEventSelected)="onEventSelected($event)"
    (onTitleChanged)="onViewTitleChanged($event)"
    (onTimeSelected)="onTimeSelected($event)"
    [locale]="calendar.locale"
  >
  </calendar>
twinssbc commented 3 years ago

@JanDa-ma startingDayWeek controls the week view starts on which day. If you want to control the month view, you should use startingDayMonth option.

JanDa-ma commented 3 years ago

Indeed. I'm using the Month view so the solution is using startingDayMonth. Thanks!