vuen-daterange-picker

vueN-daterange-picker

VueN date range picker based on https://element.eleme.cn/#/zh-CN/component/installation (no jQuery)

Date range picker component for vue made without jQuery dependency. Heavily inspired by element-ui.

document: https://xiashan.github.io/vueN-daterange-picker/

Installation

npm i vuen-daterange-picker --save

or

yarn add vuen-daterange-picker

import to use:

import NoxDateRangePicker from 'vuen-daterange-picker'

Props

Props	Type	Default	Description
name	String
value	Object	{ dateRange: [], shortcut: '' }	shortcut: ['0d', '-1d', '-7d', '-1w', '0m', '', '-1m']
default-value	Object
size	String		same as element input size
format	String	yyyy-MM-dd
value-format	String	yyyy-MM-dd
readonly	Boolean	false
disabled	Boolean	false
start-placeholder	Object
end-placeholder	Object
clearable	Boolean	false
clear-icon	Object	el-icon-circle-close
editable	Boolean	true
popper-class	Object
align	Object	left
range-separator	Object	/
picker-options	Object
timezone	Object	+08:00
unlink-panels	Boolean	false	开始日期和结束日期联动

Events

Name	Params	Description
input		click input
blur		input blur
focus		input focus
change		value change