角カレンダー（mattlewis92）カスタムスタイリング

Question

私はこのカレンダーhttps://github.com/mattlewis92/angular-calendarをしばらく使っていますが、スタイルを少し変えようとしましたが、CSSで影響を与える方法はコアCSSファイルに追加することですangle-calendar.css）をノードモジュールに追加しました。これは正しい方法だとは思わないが、それは唯一の方法ですか？

Btw。ローカライゼーションは週のビューでは機能していないが、それはまだ "Week 45 of 2017"と表示されています。 Any1はこれを修正しましたか？ライブラリのドキュメントから

Answer 1

、@duhaimeによってコメントが私のために働いた。..

そして、私はこのような固定のローカライズ問題：

export class CustomDateFormatter extends CalendarDateFormatter { 
    public weekViewTitle({ date, locale }: DateFormatterParams): string { 
    const year: string = new Intl.DateTimeFormat(locale, { 
     year: 'numeric' 
    }).format(date); 
    const weekNumber: number = getISOWeek(date); 


    return `Sedmica ${weekNumber} od ${year}`; 
     } 

} 

@Component({ 
    selector: 'rokovnik', 
    providers: [NotesService, { 
    provide: CalendarDateFormatter, 
    useClass: CustomDateFormatter 
    } ], 
    templateUrl: './rokovnik.component.html', 
    styleUrls: ['./rokovnik.component.scss'] 
})` 

だから、私はカレンダーを使用コンポーネントの上に、このカスタムクラスを追加し、置きますそのようなプロバイダの中で。あなた自身の必要性のために、同じことを行い、返される文字列をカスタマイズする>>Week ${weekNumber} of ${year} < < ..それは動作するはずです。

Answer 2

、

ませコンポーネントのスタイルは、（そうでない場合は、あなたが使用する必要があるだろう！あなたがカスタマイズされたすべてのルール上の重要な）それが簡単にそれらを無効にするために行うために、各コンポーネントに含まれていません。したがって、node_modules/angle-calendar/dist/css/angular-calendar.cssとは別にCSSファイルをインポートする必要があります。

ので（私はテストを行わずに推測）、コンポーネントで、あなたのスタイルを持つ

@Component({ 
    selector: 'app-my-commponent', 
    templateUrl: './my.component.html', 
    styleUrls: [ 
    'node_modules/angular-calendar/dist/css/angular-calendar.css', 
    './my.component.css' 
    ] 
}) 

を使用することができ、最後の彼らは、ライブラリのスタイルを上書き意味する必要があります。スタイリングのために