rc-week-schedule
React SimpleSheet
Screenshot
Browser Support
IE 8 + IE 8+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
Install
Usage
var SimpleSheet = ;var React = ;var ReactDOM = ;ReactDOM;
Examples
npm start
and then go to
http://localhost:8000/examples
Online examples: http://pchange.github.io/rc-week-schedule/examples/
API
Props
name | type | default | description |
---|---|---|---|
events | array | [] | components events, if should be as array with elem object link `{start_time: 1499684400, end_time: 1499688000, render: (cell, record) => {return ({record.start_time}); }, },` |
value | moment | momnet() | components value |
onChange | Function | callback when value changed initiative | |
className | string | '' | additional className at container |
rowHeight | number | 60 | change row Height whth this props |
colSpan | number | 30 | event cell colSpan when rotate |
prefixCls | string | rc-week-schedule | compoments prefixCls class |
direction | string | normal | 'rotate' or 'normal' |
showLine | boolen | true | compoments table line segmentation |
header | function | `(value) => {
return ({value.format('YYYY-MM-DD')}); }` |
compoments header render func |
dayLabelFormat | function | `(day) => {
return {day.format('ddd')} ;
}`{day.format('MM-DD')} |
compoments dayLabelFormat render func |
Development
npm installnpm start
Test Case
npm testnpm run chrome-test
Coverage
npm run coverage
License
rc-week-schedule
is released under the MIT license.