2.1.3 • Published 6 years ago
bee-calendar v2.1.3
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 dev2.1.3
6 years ago
2.1.2-alpha.0
6 years ago
2.1.2
6 years ago
2.1.1
6 years ago
2.1.1-alpha.0
6 years ago
2.1.0
6 years ago
2.0.4
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.0.0
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago
0.0.1
8 years ago