angular-calendar

angular-calendar 介绍

这是 一个 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 { bro wserAnimationsModule } from '@angular/platform- bro wser/animations';

import { CalendarModule,DateAdapter } from 'angular-calendar';

import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';

@NgModule({

imports: [

bro wserAnimationsModule,

CalendarModule.forRoot({

provide: DateAdapter,

useFactory: adapterFactory

})

]

})

export class MyModule {}

网站地址 : https://mattlewis92.github.io/angular-calendar/

GitHub: https://github.com/mattlewis92/angular-calendar

网站描述: 一个 angular 6.0+的灵活日历组件

angular-calendar官方网站

官方网站： https://mattlewis92.github.io/angular-calendar/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于angular-calendar的详细内容...