vue滑动选择日期插件_vue-hash-calendar, 移动端日期时间选择插件 (使用篇)

vue-hash-calendar, 移动端日期时间选择插件 (使用篇)

按照惯例, 先上效果图

image

image

image

vue-hash-calendar

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

支持手势滑动操作. 1

原生 JS 开发, 没引入第三方库

上下滑动 切换 周 / 月 模式

[周模式中] 左右滑动可切换 上一周 / 下一周

[月模式中] 左右滑动可切换 上一月 / 下一月

安装使用说明NPM i vue-hash-calendar

// 在入口文件中 (main.JS), 导入组件库

importvueHashCalendarfrom'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属性说明类型默