简易日历选择器 - 更新日志

1.0.3(2021-02-22)

修复初次渲染选择日期时,开始日期与结束日期出现顺序相反并且无法赋于样式的bug。

1.0.2(2021-02-22)

1.新增日历弹出动画效果

2.增加height属性,支持自定义设置组件容器高度。

1.0.1(2021-02-13)

1.部分样式优化

1.0.0(2021-01-26)

需要安装less插件 因项目需求需要日历选择器,插件市场挺多的,但是总有一些不太符合需求的地方,改起来又麻烦,所以就自己写了一个,只提供返回选择的开始日期与结束日期以及总共的天数,目前测试小程序 H5以及 hbuilderx测试基座没有问题,iphone6小程序测试可用。

就一个vue文件,有比较详细的注释,相信大部分同学的看的懂吧,若是有需要可自行修改。 核心思想就是通过已开始时间为基准渲染出日历,通过对比替换时间戳动态的给日期更换class类名,达到选择的效果。 前端菜鸟,写的不好请见谅。

参数:startDate开始时间 endDate结束时间 limit以当前时间或者所传日期为基准渲染的月份数 方法:selectDate 返回参数:startDate所选开始时间 endDate所选结束时间 dayNum所选天数