上圖：

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 [email?protected]/time-period-selector‘

import [email?protected]/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開始

這個組件是預先開發的，后臺還沒定義好數據格式，所以還沒做時間段數據轉換的優化。后面繼續更新。

原文：https://www.cnblogs.com/cong-bao/p/13140145.html

總結

以上是生活随笔為你收集整理的react 拖拽生成html,[React] 基于react 拖拽时间选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。