0.1.1 • Published 4 months ago
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
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
}