Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
Vue Date Dropdown
A Vue date dropdown component
Contents
Installing
npm install vue-date-dropdown --save
yarn add vue-date-dropdownimport 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. |