分享一个vue滑动展示日历选择器

  • 最近在做移动端的项目,需求是在页面顶部有一个可以左右来回滑动的日期选择器,懒得自己封装(其实主要是自己之前没做过,怕做出来一堆bug效果不好)所以便想着在网上找找看有没有类似的插件,结果还真被我找到了一个,在这里简单记录分享一下!

插件v-week-slider

  1. 第一步还是老规矩安装插件
css 复制代码
npm install --save v-week-slider
  1. 在main.js中引入
javascript 复制代码
import weekSlider from 'v-week-slider'
Vue.use(weekSlider)
  1. 使用
ruby 复制代码
<week-slider @dateClick="dateClickhandler" :showYear="true" :defaultDate.sync="default_date" activeBgColor="" activeTxtColor="#1776E1"></week-slider>
  1. 具体的属性方法我直接贴这里
  1. 最后贴一下我的效果图
相关推荐
年老体衰按不动键盘3 分钟前
快速部署和启动Vue3项目
java·javascript·vue
小小小小宇3 分钟前
一个小小的柯里化函数
前端
灵感__idea7 分钟前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇11 分钟前
前端双Token机制无感刷新
前端
小小小小宇13 分钟前
重提React闭包陷阱
前端
小小小小宇29 分钟前
前端XSS和CSRF以及CSP
前端
UFIT32 分钟前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉39 分钟前
CSS3 的特性
前端·css·css3
星辰引路-Lefan40 分钟前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn200011281 小时前
JavaWeb的一些基础技术
前端