calendar-schedules-js

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
}