Description:
An easy-to-use date picker component for vue.js that supports date range selections and predefined date ranges.
Usage:
import Vue from 'vue' import VueRangedatePicker from 'vue-rangedate-picker' import './dist/vue-rangedate-picker.css' Vue.use(VueRangedatePicker)
Default props.
i18n: {
type: String,
default: defaultI18n
},
months: {
type: Array,
default: () => null
},
shortDays: {
type: Array,
default: () => null
},
// options for captions are: title, ok_button
captions: {
type: Object,
default: () => defaultCaptions
},
format: {
type: String,
default: 'DD MMM YYYY'
},
styles: {
type: Object,
default: () => {}
},
initRange: {
type: Object,
default: () => null
},
startActiveMonth: {
type: Number,
default: new Date().getMonth()
},
startActiveYear: {
type: Number,
default: new Date().getFullYear()
},
presetRanges: {
type: Object,
default: () => null
},
compact: {
type: String,
default: 'false'
},
righttoleft: {
type: String,
default: 'false'
}
Preview:
Download Details:
Author: bliblidotcom
Live Demo: https://bliblidotcom.github.io/vue-rangedate-picker/demo/
Download Link: https://github.com/bliblidotcom/vue-rangedate-picker/archive/master.zip
Official Website: https://github.com/bliblidotcom/vue-rangedate-picker
Install & Download:
# NPM
$ npm install vue-rangedate-picker --save