yxzhan / vue-calendar

A style-uninstallable datepicker component for Vue.js

vue-calendar

A style-uninstallable datepicker component for Vue.js

Requirement

• "vue": "^2.0.3"
• "moment": "^2.11.2"

Usage

<calendar v-model="dateString" format="YYYY/MM/DD"></calendar>

You can uninstall the preset style by pass a object which overrided the class name of each block to classNames.

<calendar v-model="dateString" :class-names="{panel: 'custom-panel'}"></calendar>

Then define your own style with new class name

.custom-panel {
  // blablabla
}

The default class names (all of them can be overrided):

• root: 'calendar',
• input: 'calendar-input',
• panel: 'panel',
• box: 'box',
• bar: 'bar',
• day: 'day',
• month: 'month',
• year: 'year'

License

The MIT License