chendishen / calendar-vue-mobile

A calendar that can be used with cube-ui

calendar-vue-mobile

A calendar that can be used with cube-ui

Install

npm install calendar-vue-mobile --save

Usage

import Calendar from 'calendar-vue-mobile'
Vue.use(Calendar);

import Datepicker from 'calendar-vue-mobile'
components: {
    Datepicker:calendar.VueDatepicker
}

example

You can find examples in calendar-vue-mobile/src/demo/ , There are specific ways to use the calendar.

例子

你可以在 calendar-vue-mobile/src/demo/ 路径下找到例子，里边有该日历的具体应用方式

源码讲解

前些天入职的小前端问我周一到周日要怎么改成周日到周六...当时有点忙，而且有点无语，他人的组件不总是适用于自己的，作为前端还是要学习他人源码，并拥有修改为己用的能力。 “周一到周日要怎么改成周日到周六”的修改方法是：datepicker里的getMonthweek方法里最后的return的-1去掉就可以了。

API

属性	类型	说明
options	Object	具体参数说明：curtime：""时，获取当前时间
	string	参数format: "yyyy-mm-dd"，时间格式；
	boolean	参数isHideOtherday，是否禁止选择未标记的日期;
	[]	参数_markList:[{date:"2012-12-12",className:"label1"}]，自定义class选择器样式，用以标记时间

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test