Easy Date Range Picker For Vue.js

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:

Easy Date Range Picker For Vue.js

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

Last Update: December 19, 2017

Views Total: 1,648

Install:

# NPM
$ npm install vue-rangedate-picker --save

You Might Be Interested In:

Add Comment