ng-as-calendar

ng-as-calendar是一个基于angular封装的日历组件，支持切换周/月日历，支持移动端touch事件。

依赖

angular8+

swiper5+

使用

安装组件

npm install ng-as-calendar --save

引入模块

在 app.module.ts中插入：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CalendarModule } from 'ng-as-calendar';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // 导入 ng-as-calendar 模块
    CalendarModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样就在全局中导入了CalendarModule

插入组件

<as-calendar></as-calendar>

API

属性 | 说明 | 类型 | 默认值
-|-|-|- default | 组件初始化时默认的日期 | Date | 当前日期 moth | 组建初始化时是否显示月日历 | Boolean | false onChange | change 事件触发的回调函数 | (timeStamp: number) => void | 无