0.0.1 • Published 4 years ago
ng-as-calendar v0.0.1
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 | 无 |
0.0.1
4 years ago