vue滑动选择日期插件_vue-hash-calendar，移动端日期时间选择插件（使用篇）

按照惯例，先上效果图

calendar.gif

基于 vue 2.X 开发的日历组件

支持手势滑动操作·1

原生 js 开发，没引入第三方库

上下滑动 切换 周/月 模式

【周模式中】 左右滑动可切换 上一周/下一周

【月模式中】 左右滑动可切换 上一月/下一月

安装使用说明

npm i vue-hash-calendar

// 在入口文件中(main.js)，导入组件库

import vueHashCalendar from 'vue-hash-calendar'

// 引入组件CSS样式

import 'vue-hash-calendar/lib/vue-hash-calendar.css'

// 注册组件库

Vue.use(vueHashCalendar)

// 在VUE文件中引入组件

Demo

qr_code

或者请用浏览器的手机模式查看：https://www.hxkj.vip/demo/calendar/

🎉 觉得好用可以给一个 star 哦~~ 🎉

github地址：https://github.com/TangSY/vue-hash-calendar

API

属性

说明

类型

默认

是否必传

visible

控制日历组件的显示或隐藏,需使用 .sycn 修饰