vue - vue中对Vant日历组件（calendar）的二次封装

vue中对vant日历选择器组件实现的的二次封装；主要实现功能如下:

主要功能：

日期区间选择（基本）；
自定义选择器的底部按钮，添加清除时间操作（slot插槽）；
指定默认选中的日期范围（当前日期到本月底通过default-date）
自定义日期可选范围；（通过 min-date 和 max-date ）
支持默认值的传入；（没有默认值时会显示placeholder:请选择时间区间）
自定义组件的宽度；（通过props:Width，推荐使用百分比 如：80%）
效果图如下：

日期区间组件实现如下：calendar.vue

主要代码讲解：

1， 通过<template slot="footer">可以更改底部默认的按钮，我这边添加来了一个清除时间的按钮；点击清除时间按钮会把时间清空，恢复到默认状态；
2，通过min-date 和 max-date控制日期可以选择的开始和结束的范围；
3，通过default-date