拖拽选择区域日历组件

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

实现效果如下

 

 

使用方式

    1.安装组件

npm install wkdatepick 或 yarn add wkdatepick

    2.引用

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

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

 详情查看npm官网

 代码github地址

不使用npm安装方式github地址

posted @ 2020-12-18 15:22  hongsusu  阅读(361)  评论(1编辑  收藏  举报