calendar-schedules-js
v0.1.1
Published
An advanced calendar for annotating schedules and efficiently managing important events
Downloads
18
Maintainers
Readme
Getting started
Installation
npm i calendar-schedules-js
Usage
import { CalendarSchedulesJs } from 'calendar-schedules-js' //日历组件
import 'calendar-schedules-js/style.css' //日历样式
// .vue
<CalendarSchedulesJs />
User guide
Calendar
一款内置班次属性,添加任务条功能的带农历的日历
Props
| Prop name | Description | Defulat | | :-------------- | :---------- | :--------------------- | | holidayShow | 显示排班 | false | | holidaySettings | 排班字段 | [{ name, val, color }] |
event
| Event name | Description | Callback | Type | | :--------- | :----------- | :----------- | :------------- | | day-click | 点击事件 | calendarInfo | CalendarType | | jumped | 翻月事件回调 | calendarList | CalendarType[] |
method
| Method name | Description | Param | Callback | Type | | :-------------------- | :---------- | :---------- | :----------- | :-------------- | | updateCalendarTask | 更新任务条 | labelInfo | | LabelType | | updateCalendarHoliday | 更新排班 | holidayInfo | | holidayInfoType | | calendarList | 日历的 list | | calendarList | CalendarType[] |
type
CalendarType {
week?: string,
day?: number,
date: string,
lunarDate: string,
month?: number,
year?: number,
isCurMonth?: boolean,
isCurDay?: boolean,
holidayType?: string,
info?:LabelType[],
}
LabelType {
labelDateRange: LabelDateType[];
labelMsg: T;
labelId?: number;
labelIndex?: number;
}
holidayInfoType {
labelMsg: T;
date: string
}