这是一个Bootstrap风格的日历组件。组件支持多种方式编辑每日活动安排。日历支持限制最大最小日期，工作日等。并支持自定义的菜单栏。  angular 6.0+的日历组件，可以在月，周或日视图上显示事件。

安装

npm install --save angular-calendar date-fns

引入css

/* angular-cli file: src/styles.css */
@import "../node_modules/angular-calendar/css/angular-calendar.css";

最后，将日历模块导入到您的应用模块中：  

import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CalendarModule, DateAdapter } from 'angular-calendar';
import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    CalendarModule.forRoot({
      provide: DateAdapter,
      useFactory: adapterFactory
    })
  ]
})
export class MyModule {}

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/2729