在角度引导日历中显示短工作日，而不是长工作日

Question

我在 Angular 4 应用程序中使用 angular-bootstrap-calendar，它显示长的工作日(例如：星期日、星期一等(。相反，我想要带有 2 个字母的短工作日(例如：Su、Mo 等(。它是否有任何可以直接在应用程序中使用的预定义类？

Answer 1

在我找到答案之前找到了这个线程(3 个而不是 2 个字母，但比整个工作日更好(，所以我把这个留给下一个人：

模块开发人员的回答：

但重写 monthViewColumnHeader 方法

import {CalendarNativeDateFormatter, DateFormatterParams, CalendarModule} from 'angular2-calendar';
class CustomDateFormatter extends CalendarNativeDateFormatter {
  public monthViewColumnHeader({date, locale}: DateFormatterParams): string {
    return new Intl.DateTimeFormat(locale, {weekday: 'short'}).format(date);
  }
}
@NgModule({
  import: [CalendarModule],
  providers: [
    CalendarEventTitleProvider, 
     {provide: CalendarDateFormatter, useClass: CustomDateFormatter}
  ]
})
class ModuleThatUsesTheCalendar{}

源

带 2 个字母
的替代如果这不起作用，请从所需的模块中获取默认模板并进行更改

<b>{{ day.date | calendarDate : 'weekViewColumnHeader' : locale }}</b

自

<b>{{ day.date | date:'EEEEE':undefined:'en'}}</b><br />
// angular datepipe date:'format':timezone:'locale'