【vue自造轮子】日期范围选择器

组件介绍

1.样式类似element ui的日期范围选择器,但父组件中不强制使用input框来打开日期选择器。可以任意定义一个元素来控制日期选择器组件的显示隐藏,使用更为自由
2.返回的数据格式为开始和结束日期的Date对象,可以根据自己的需要转成任意格式

引用组件

在父组件中使用组件时,要绑定三个参数和两个事件



各参数和事件的含义为:
monthNum: 日期的范围从当前月份往后数monthNum个月,目前仅支持偶数,若传奇数,则默认加1
startDateStr:默认的开始日期,格式为"yyyy-mm-dd"
endDateStr: 默认的结束日期,格式为"yyyy-mm-dd"

chooseDate事件: 接收选择结果,参数为chooseDate (startDate, endDate),两个参数均为new Date()对象
close事件: 关闭日期选择器,根据自己的项目情况写

组件代码






你可能感兴趣的:(【vue自造轮子】日期范围选择器)