- 最近在做移动端的项目,需求是在页面顶部有一个可以左右来回滑动的日期选择器,懒得自己封装(其实主要是自己之前没做过,怕做出来一堆bug效果不好)所以便想着在网上找找看有没有类似的插件,结果还真被我找到了一个,在这里简单记录分享一下!
插件v-week-slider
- 第一步还是老规矩安装插件
css
npm install --save v-week-slider
- 在main.js中引入
javascript
import weekSlider from 'v-week-slider'
Vue.use(weekSlider)
- 使用
ruby
<week-slider @dateClick="dateClickhandler" :showYear="true" :defaultDate.sync="default_date" activeBgColor="" activeTxtColor="#1776E1"></week-slider>
- 具体的属性方法我直接贴这里
- 最后贴一下我的效果图
- 总结:和我的需求完全符合,简单易用。
- 源码地址:github.com/LinSky/v-we...