vue自己封装日历控件

废话不多说先上效果图：

点击头部年月部分可以选择日期。左右按钮可以切换月份。（蓝色标记为特定需要处理的日期）
DateTools.vue 代码部分：

引用方式为：

:dateToolsKey="2"　　 （每个日历控件特定的key值，如果key值一样，易发生css的样式冲突）

:trainDateList="trainDateList2"　　 （需要特定操作的日期部分，可以直接传日期数组（1-30）例如[12,17,30]）

:trainDateFullList="trainDateFullList"　　 （需要特定操作的完整日期部分，可以直接传日期数组（1-30）例如['20180102','20120312']）

ref="topDateTools2"　　　　　　 (refs名)

@topDateEvent2="topDateFun2"　　 (子组件可以操作父组件的方法‘topDateFun2’)

>

 

转载于:https://www.cnblogs.com/sdorm/p/9238353.html