v2-datepicker

A simple datepicker component based Vue 2.x.

View demo Download Source

Installation

Install the pkg with npm:

npm i --save v2-datepicker

or yarn

yarn add  v2-datepicker

Usage

import Vue from 'vue';
import V2Datepicker from 'v2-datepicker';

Vue.use(V2Datepicker)

// basic
<v2-datepicker v-model="val"></v2-datepicker>

//setting
<v2-datepicker v-model="val" lang="en" format="yyyy-MM-DD"></v2-datepicker>

Available Props

The v2-datepicker component

Attribute Type Accepted Values Default Description
value Date anything accepted by new Date - default date of the date-picker
lang String cn(chinese)/en(english) cn set local language of the date-picker
format String year yyyy/YYYY, month MM, day dd yyyy/MM/dd format of the displayed value in the span box
placeholder String - 选择日期/Choosing date... placeholder text
disabled Boolean - false disabled date-picker

The v2-daterange-picker component

Attribute Type Accepted Values Default Description
value Array anything accepted by new Date - default date of the daterange-picker
lang String cn(chinese)/en(english) cn set local language of the daterange-picker
format String year yyyy/YYYY, month MM, day dd yyyy/MM/dd format of the displayed value in the span box
placeholder String - 开始时间-结束时间/Choosing date range... placeholder text
disabled Boolean - false disabled daterange-picker
range-separator String - '-' range separator
unlink-panels Boolean - false unlink two date-panels in range-picker

Event

Event Name Description Parameters
change triggers when the selected value changes component's binding value

Development

git clone [email protected]:dwqs/v2-datepicker.git

cd v2-datepicker

npm i 

npm start

GitHub