为FullCalendar设置firstDay不起作用

时间:2017-01-27 22:30:50

标签: angular fullcalendar primeng

我使用的是使用FullCalendar的Angular 2和PrimeNG的计划表。我希望一周的第一天是星期一,但我认为我的代码必须稍微偏离。我将[locale]="en"添加到了我的p-schedule元素中,如下所示:

<p-schedule [events]="events" [header]="headerConfig" (onEventClick)="handleEventClick($event)" [fixedWeekCount]="false" [locale]="en"></p-schedule>

然后在我的组件文件中。我添加了以下内容:

this.en = {
    firstDay: 1
}

经过这些改变,我的第一天仍然是星期天。我没有收到任何错误,但它不起作用。我做错了什么?

2 个答案:

答案 0 :(得分:1)

component.ts:

option: Object;

ngOnInit() {
  this.option = {
    firstDay: 1
  };
}

component.html:

<p-schedule [options]="option"></p-schedule>

答案 1 :(得分:0)

我对p-calendar的语言环境有同样的问题。我将firstDayOfWeek: 1移到了数组的末尾并且它有效:

    this.nl = {
        dayNames: ["Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag"],
        dayNamesShort: ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"],
        dayNamesMin: ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za"],
        monthNames: ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"],
        monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
        firstDayOfWeek: 1
    };

这是我的HTML:

<p-calendar id="entityActiveSince" [showIcon]="true" [locale]="nl"
 dateFormat="dd-mm-yy" [readonlyInput]="true" [disabled]="saving"   
 [(ngModel)]="entity.ActiveSince" [monthNavigator]="true" 
 [yearNavigator]="true" yearRange="1990:2020" name="activeSince"></p-calendar>