分享一个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. 最后贴一下我的效果图
相关推荐
pe7er1 小时前
window管理开发环境篇 - 持续更新
前端·后端
We་ct2 小时前
LeetCode 5. 最长回文子串:DP + 中心扩展
前端·javascript·算法·leetcode·typescript
陈随易6 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·后端·程序员
冰暮流星6 小时前
javascript之事件代理/事件委托
前端
@yanyu6667 小时前
登录注册功能-明文
vue.js·springboot
陈随易8 小时前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢10 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒10 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
cn_mengbei10 小时前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen11 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试