vue-date-dropdown

A Vue date dropdown component

Contents

- Installing - Examples - API

Installing

npm install vue-date-dropdown --save

yarn add vue-date-dropdown

import DateDropdown from 'vue-date-dropdown'

export default {
	...
	components: {
		DateDropdown
	},
	data () {
		return {
			selectedDate: '',
			...
		}
	}
	...
}

Or if you are using CDN version

<script src="vue-date-dropdown.min.js"></script>

<script>
Vue.use(DateDropdown)

new Vue({
	...
	data() {
		return {
			selectedDate: '',
			...
		}
	}
	...
});
<script>

Examples

See the demo in the example folder.
Setting a default date

<date-dropdown default="1995-01-10" v-model="selectedDate" />

Setting a min date

<date-dropdown min="1960" v-model="selectedDate" />

Setting a max date

<date-dropdown max="2018" v-model="selectedDate" />

Setting a range of dates

<date-dropdown min="1960" max="2017" v-model="selectedDate" />

Setting Russian names of months

<date-dropdown
	v-model="selectedDate" 
	months-names="Январь, Февраль, Март, Апрель, Май, Июнь, Июль, Август, Сентябрь, Октябрь, Ноябрь, Декабрь">
<date-dropdown>

API

Props

| Name | Type | Description | | :------------| :------- | :------------------------------------------------| | default | String | Set default date. | | min | String | Limits the year to a minimum specified value. | | max | String | Limits the year to a maximum specified value. | | months-names | String | The alternative names of month. |