Vue自定义日历插件(可以选择日期区间段)
由于网上的插件没有符合项目的需求决定自己实现
图示如下:
默认选择今天的日期时间段
1.默认状态(默认选择当前日期的时间段(蓝底背景色代表选中时间段),
2.当前日期之前的时间不可以选择(禁用了点击事件))
3.当日历上的操作的年份月份小于当前时间的年份月份时禁止点击上一月的按钮
选中状态
1.可以跨年分跨月份选择
2.点击取消按钮时回复到默认的选择时间
代码如下
{starttime}}至{{endtime}} -->开始时间
{{starttime}}
结束时间
{{endtime==''?'请选择结束日期':endtime}}
上一月{{Year}}年{{month}}月下一月{{item}}=starttime&&item.count<=endtime)||item.count==starttime?'active':''">{{item.value}}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！