拖拽选择区域日历组件

博主在项目中遇到拖拽进行时间选择并合并相邻时间显示的需求,因这类组件较少,故记录实现过程。介绍了组件使用方式,包括安装、引用,还提及回显数据和拖拽选择数据,给出npm官网及代码github地址。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近做了一个项目,其中有个需求是拖拽进行时间选择,并能把相邻时间进行合并显示,仔细研究了一下,觉得有必要做一下记录,因为这种组件好像并不多

实现效果如下

 

      

使用方式

    1.安装组件

npm install wkdatepick 或 yarn add wkdatepick

  2.引用

<wk-datepick @dateChange="curDate" :curDateList="dateList"/>

其中curDateList是用来回显的已选择数据,@dateChange为拖拽选择时已选时间数据

 详情查看npm官网

 代码github地址

不使用npm安装方式github地址

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值