datepicker component for Vue.js, already support Vue.js 2.x, the Vue.js 1.x version is on branch
vue-1.x(not maintain).
Live Demo is here
npm install vue-date --save
<template>
<div>
<datepicker v-model="date"></datepicker>
</div>
</template>
<script>
import datepicker from 'vue-date'
export default {
data() {
return {
date: '2016-10-16'
}
},
components: { datepicker }
}
</script>//index.html
<html>
<script src="path/to/vue.js"></script>
<script src="path/to/index.js"></script>
<body>
<div id="app">
<datepicker v-model="date"></datepicker>
</div>
<script>
new Vue({
el: '#app',
data: {
date: '2016-10-16'
},
components: { datepicker }
})
</script>
</body>
</html>The language type. Support en(English), zh-cn(Chinese), uk(Ukrainsk) and es(Spanish) now.
The minimum date.
//pass string
<datepicker v-model="start" min="2015-01-01"</datepicker>
//or pass variable
<datepicker v-model="start" :min="variable"></datepicker>The maximum date. Usage is same of min.
Use range mode or not. If pass true, the binding value should be an Array containg the range start and range end. eg. ['1970-01-01', '3016-01-01']
MIT