Vue.js的简易日期范围选择器 - vue-rangedate-picker

Vue.js的简易日期范围选择器 - vue-rangedate-picker
插件名称 vue-rangedate-picker
发布时间 2020年11月15日
插件作者 bliblidotcom

vue.js的易于使用的日期选择器组件,支持日期范围选择和预定义的日期范围。

安装和下载:

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

用法:

import Vue from 'vue'
import VueRangedatePicker from 'vue-rangedate-picker'
import './dist/vue-rangedate-picker.css'

Vue.use(VueRangedatePicker)

默认 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'
}