0.0.1 • Published 4 years ago

ng-as-calendar v0.0.1

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

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组建初始化时是否显示月日历Booleanfalse
onChangechange 事件触发的回调函数(timeStamp: number) => void