上图:
yarn install or npm install
yarn start or npm start
使用方法:
yarn add @congbao/time-period-selector 或者 npm install @congbao/time-period-selector
import TimePeriodSelector from '@congbao/time-period-selector'
import '@congbao/time-period-selector/lib/main.min.css'
{ console.log(items) }} /}
#defaultSelected
传入数组为选中格子下标,从左到右,从上到下,从0开始。
#onSelectionFinish
传入选择后回调函数。参数是选中后的格子
items => []
item => {column: 0, row:0, index: 0}
index为格子下标,从左到右,从上到下
column代表时间点,从0开始
row代表星期几,从0开始
这个组件是预先开发的,后台还没定义好数据格式,所以还没做时间段数据转换的优化。后面继续更新。