UNPKG

dd-vue-calendar

Version:

一个干净的轻量级移动端日历插件,用于在Vue.js中显示带农历的日历。包括高亮显示的日期区域、节假日、今天、单选日期、多选日期段等。

48 lines (41 loc) 1.34 kB
## Welcome to dd-vue-calendar dd-vue-calendar是一个干净的轻量级移动端日历插件,用于在Vue.js中显示带农历的日历。包括高亮显示的日期区域、节假日、今天、单选日期、多选日期段等。 ## dd-vue-calendar 有哪些功能 * 日历展示、节假日、农历、今天 * 单选日期 * 多选日期段 ## Install ``` npm install dd-vue-calendar --save ``` ## Import 新建 ddVueCalendar.js ``` import Vue from "vue" import ddVueCalendar from "dd-vue-calendar" import "dd-vue-calendar/lib/calendar.css" Vue.use(ddVueCalendar) ``` 并在 main.js 中 import ``` import "./ddVueCalendar目录/ddVueCalendar.js"; ``` ## Use 在需要使用的组件内直接是用calendar标签 ``` <template> <calendar class="" v-on:change="calendarChange" :multiple="false"></calendar> </template> ``` ## Attributes * multiple:true | false,default = false,是否多选 * change:function,选择后的回调函数,参数(p, values, displayValues) * p:Calendar数据 * values:时间戳 * displayValues:转换后的时间,年-月-日 ## Calendar show * [预览地址](https://duoduoing11.github.io/dd-vue-calendar/dist/index.html) * ![gif1](./img/gif1.gif) ## git npm 地址 * [git](https://github.com/duoduoing11/dd-vue-calendar) * [npm](https://www.npmjs.com/package/dd-vue-calendar)