vue-datepicker
A Beautiful Datepicker Component For Vue
- Lightweight (less than 5kb minified and gzipped)
- Only dependencies Vue
- Beautiful!
for vue2: https://github.com/weifeiyue/vue-datepicker-local
Usage
<link rel="stylesheet" href="vue.datepicker.css"><script type="text/javascript" src="vue.datepicker.js"></script><!--base--> <mz-datepicker></mz-datepicker> <!--english version--> <mz-datepicker en></mz-datepicker> <!--disabled--> <mz-datepicker disabled></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>
