Vue Month Calendar - You can now choose dates without a calendar.

Try it yourself.

click here

How to install

 npm install vue-month-calendar --save

How to use

import VueMonthCalendar from 'vue-month-calendar'

const currentDate = new Date()

new Vue({
  el: '#month-calendar',
  name: 'vue-month-calendar',
  data: function () {
    return {
      options: {
        minYear: currentDate.getFullYear() - 7,
        maxYear: currentDate.getFullYear(),
        initialDate: {},
        finalDate: {}
      }
    }
  },
  components: {
    'VueMonthCalendar': VueMonthCalendar
  }
})

In your page use

  <vue-month-calendar id='month-calendar' locale='en-US' :options="options"></vue-month-calendar>

Dual list options

• options.locale:(optional): Application locale;
• options.minYear:(required): Min year that will be shown in the select options.;
• options.maxYear:(required): Min year that will be shown in the select options.;
• options.initialDate:(required): First day of month that you selected.;
• options.finalDate:(required): Last day of month that you selected.;

change month calendar

npm install -g nodemon

To execute your changes run the command npm run dev

Used versions

vue

version: 2.2.6

vue-material

version: ^0.7.1

---

License

It is available under the MIT license. License