react 拖拽生成html,[React] 基于react 拖拽时间选择器

上图：

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 拖拽时间选择器相关推荐

react map循环生成的button_常见 React 面试题
作者:小胡https://github.com/nanhupatar/FEGuide/blob/master/框架/react.md React 中 keys 的作用是什么? Keys 是 React ...
vue可视化拖拽生成工具_vdesjs: 基于vue的可视化拖拽，代码生成工具。提升前端开发效率，或者集成至项目作为在线拖拽工具。（持续迭代升级中）...
vdesjs 介绍 vdesjs是一款基于vue技术栈,可视化拖拽,代码生成工具.我们提供详细的文档来帮助您理解我们工具的实现原理,并且您可以方便的基于vdesjs来扩展您自己的代码生成组件. 技术选 ...
React 16.x折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些)
前言在重构的路上,总能写点什么东西出来 , 这组件并不复杂,放出来的总觉得有点用处一方面当做笔记,一方面可以给有需要的人; 有兴趣的小伙伴可以瞅瞅. 效果图实现的功能渲染支持图片,文字,图文 ...
基于React+Koa实现一个h5页面可视化编辑器－Dooring
前言前段时间笔者一直忙于数据可视化方面的工作,比如如何实现拖拽式生成可视化大屏,如何定制可视化图表交互和数据导入方案等,这块需求在B端企业中应用非常大,所以非常有探索价值. 本篇文章并非和数据可视化 ...
基于React脚手架集成Cesium
基于React脚手架集成Cesium 文章目录基于React脚手架集成Cesium 1. 安装环境 2. 创建项目 3. 引入Cesium 4. 修改文件 5. 参考链接 1. 安装环境安装Nod ...
从零搭建一个基于React+Nextjs的SSR网站(四)：如何搭建服务器并部署Nextjs项目
个人博客源码:https://github.com/shaotianyu/blog-front PS: 如果你有疑惑,可以给我留言,咱们一起解决它. 从零搭建一个基于React+Nextjs的SSR网 ...
支持动图、一键生成，基于 React 的开源像素绘画应用 —— Pixel Art to CSS
目录编辑前言简介--何为React? 基于React的 Pixel Art to CSS 绘画编辑器示例效果演示生成代码具体操作其他功能下载地址前言简介--何为React? 基于R ...
antd的联级选择器异步调用编辑回显_react-uplod-img 是一个基于 React antd组件的图片上传组件...
react-uplod-img 是一个基于 React antd组件的图片上传组件支持oss qiniu等服务端自定义获取签名,批量上传, 预览, 删除, 图片精确的尺寸限制排序等功能需要 re ...
前段react技术架构图_基于 React 的可视化编辑平台实践
前言前段时间发在朋友圈的一句话:各种自主搭建的平台,想起好多年各种DIY博客,行业门户网站,本质不变,变的是实现的手段了. 正文从这开始-- 本文主要介绍了基于 React 构建可视化编辑平台的实践 ...
一个基于 React 开发的PC端音乐App
?一个基于 React 开发的PC端音乐App. 同时支持 Mac 与 Windows 系统.下载地址项目使用 electron 作为外壳,webpack 作为打包工具,核心技术包括 React + ...

react 拖拽生成html,[React] 基于react 拖拽时间选择器

react 拖拽生成html,[React] 基于react 拖拽时间选择器相关推荐

最新文章

热门文章