bee-calendar

react bee-calendar component for tinper-bee

some description...

使用方法

使用单独的calendar包

组件引入

先进行下载bee-calendar包

npm install --save bee-calendar

组件调用

import Calendar from 'bee-calendar';
ReactDOM.render(
        <Calendar></Calendar>
        , document.getElementById('target'));

样式引入

• 可以使用link引入build目录下Calendar.css

<link rel="stylesheet" href="./node_modules/bee-calendar/build/Calendar.css">

• 可以在js中import样式

import "./node_modules/bee-calendar/src/Calendar.scss"
//或是
import "./node_modules/bee-calendar/build/Calendar.css"

API

|参数|说明|类型|默认值| |:--|:---|:--|:---| |prefixCls|prefixCls of this component|String| |value|输入框当前的值|moment|| |defaultValue|输入框默认的值|moment|| |defaultType|默认渲染类型：日期／月份|string|date| |type|面板的类型：日期／月份|string|| |onTypeChange|面板切换的回调函数|function(type)|| |fullscreen|铺满显示|bool|false| |monthCellRender|月份显示回调函数|function|| |dateCellRender|日期显示回调函数|function|| |monthCellContentRender|月份内容渲染回调函数|function|| |dateCellContentRender|日期内容渲染回调函数|function|| |onSelect|日期选中回调函数|Function(date: moment)||

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-calendar
$ cd bee-calendar
$ npm install
$ npm run dev