拖拽选择区域日历组件

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

实现效果如下

 

      

使用方式

    1.安装组件

npm install wkdatepick 或 yarn add wkdatepick

  2.引用

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

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

 详情查看npm官网

 代码github地址

不使用npm安装方式github地址