bee-calendar

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