https://github.com/mikemajesty/vue-month-calendar
📆 Component - Month Calendar using Vuejs and VueMaterial.
https://github.com/mikemajesty/vue-month-calendar
calendar calendario date month monthcalendar vuecalendar vuematerial vuemonthcalendar
Last synced: 6 months ago
JSON representation
📆 Component - Month Calendar using Vuejs and VueMaterial.
- Host: GitHub
- URL: https://github.com/mikemajesty/vue-month-calendar
- Owner: mikemajesty
- License: mit
- Created: 2017-04-20T00:37:15.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-01-30T16:32:34.000Z (over 6 years ago)
- Last Synced: 2025-03-29T06:31:24.862Z (6 months ago)
- Topics: calendar, calendario, date, month, monthcalendar, vuecalendar, vuematerial, vuemonthcalendar
- Language: Vue
- Homepage: https://month-calendar.herokuapp.com
- Size: 220 KB
- Stars: 10
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Month Calendar - You can now choose dates without a calendar.
[](https://postimg.cc/t72SFtHx)
## Try it yourself.
[click here](https://month-calendar.herokuapp.com)
# How to install
```JavaScript
npm install vue-month-calendar --save
```
# How to use
```JavaScript
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
```Html
```
##### 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](https://opensource.org/licenses/mit-license.php)