campus-calendar v1.0.1

Campus Calendar 校历

一款react的校历组件 查看DEMO

安装

npm install campus-calendar -D

使用

import React from 'react';
import ReactDOM from 'react-dom';
import Calendar from 'campus-calendar'

const config = {
    "displayPreMonthDate": false,
    "displayNextMonthDate": false
}

const data = {
    "terms":[
        {
            "term": "20200",
            "title": "2020-2021学年第一学期",
            "start": "2020-09-07",
            "end": "2021-01-23"
        }
    ],
    "events":[
        {
            "term": "20200",
            "title": "正式上课",
            "start": "2020-09-07"
        }
    ]
}

const App = () => {
    return <Calendar config={config} data={data} />
}
ReactDOM.render(
    <App />,
    document.getElementById('root')
);

API

Config

Data

{
    "terms":[
        {
            "term": "20190", //学期编号，与events的term对应
            "title": "2019-2020学年第一学期", //学期标题
            "start": "2019-09-02", //开学日期
            "end": "2020-01-11" //放假日期
        }
    ],
    "events":[
        {
            "term": "20200", //学期编号
            "title": "行政人员上班", //事件标题
            "start": "2020-09-02" //开始时间，如果只有1天，end可省略
        },
        {
            "term": "20200",
            "title": "补考、重修考试",
            "start": "2020-09-05",
            "end": "2020-09-06" //结束日期
        },
    ]
}