vue 日期面板_GitHub - TangSY/vue-hash-calendar: 移动端日期、时间选择插件，日期选择面板以日历形式展示。上下滑动切换周/月模式。支持两种模式：1，月模式，左右滑动...

按照惯例，先上效果图

vue-hash-calendar

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

支持手势滑动操作

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

上下滑动 切换 周/月 模式

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

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

安装使用说明

npm i -S 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文件中引入组件

CDN 方式引入

//在 index.html 加入以下两个 CDN 链接：

js CDN：https://cdn.jsdelivr.net/npm/vue-hash-calendar@{version}/lib/vue-hash-calendar.umd.min.js

css CDN: https://cdn.jsdelivr.net/npm/vue-hash-calendar@{version}/lib/vue-hash-calendar.css

//然后在 webpack 配置中，加入以下配置。

externals: {

'vue-hash-calendar': 'VueHashCalendar'

},

Demo

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

API

属性

说明

类型