vue-date-selector

vue-dateSelector

vue-dateSelector for vue2.0

demo

The demo page is HERE.

Installation

npm

$ npm install --save vue-date-selector

Usage

import myDate from 'vue-date-selector'

components: {
  myDate
}

<!--base-->
<mz-datepicker></mz-datepicker>

<!--show clear button-->
<mz-datepicker clearable></mz-datepicker>

<!--set width-->
<mz-datepicker width="186"></mz-datepicker>

<!--format display-->
<mz-datepicker format="yyyy-MM-dd"></mz-datepicker>

<!--bind modal-->
<mz-datepicker :time.sync="time"></mz-datepicker>

<!--show range-->
<mz-datepicker :start-time.sync="startTime" :end-time.sync="endTime" range></mz-datepicker>

<!--max range(unit:day)-->
<mz-datepicker :start-time.sync="startTime" :end-time.sync="endTime" range max-range="366"></mz-datepicker>

<!--onConfirm(only in rang and confirm mode)-->
<mz-datepicker :start-time.sync="startTime" :end-time.sync="endTime" range confirm :on-confirm="onConfirm"></mz-datepicker>