分享一个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. 最后贴一下我的效果图
相关推荐
fmdpenny19 分钟前
Vue3初学之商品的增,删,改功能
开发语言·javascript·vue.js
小美的打工日记32 分钟前
ES6+新特性,var、let 和 const 的区别
前端·javascript·es6
helianying5540 分钟前
云原生架构下的AI智能编排:ScriptEcho赋能前端开发
前端·人工智能·云原生·架构
@PHARAOH1 小时前
HOW - 基于master的a分支和基于a的b分支合流问题
前端·git·github·分支管理
涔溪1 小时前
有哪些常见的 Vue 错误?
前端·javascript·vue.js
程序猿online1 小时前
前端jquery 实现文本框输入出现自动补全提示功能
前端·javascript·jquery
2401_897579652 小时前
ChatGPT接入苹果全家桶:开启智能新时代
前端·chatgpt
DoraBigHead2 小时前
JavaScript 执行上下文:一场代码背后的权谋与博弈
前端
Narutolxy3 小时前
从传统桌面应用到现代Web前端开发:技术对比与高效迁移指南20250122
前端
摆烂式编程3 小时前
node.js 07.npm下包慢的问题与nrm的使用
前端·npm·node.js