https://github.com/compmeist/vue-fa-calendar

customize this printable Vue 2 Font Awesome calendar component with your own classes
https://github.com/compmeist/vue-fa-calendar

Last synced: 2 days ago
JSON representation

customize this printable Vue 2 Font Awesome calendar component with your own classes

• Host: GitHub
• URL: https://github.com/compmeist/vue-fa-calendar
• Owner: compmeist
• License: mit
• Created: 2016-10-21T17:07:16.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-01-09T18:37:03.000Z (almost 9 years ago)
• Last Synced: 2024-06-11T11:45:36.111Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 62.5 KB
• Stars: 12
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue-refactor - vue-fa-calendar

README

          
# vue-fa-calendar

customize this Vue 2 Font Awesome calendar component with your own classes

### Accepts Special Days array

Pass an array that contains information about particular days, including the Font Awesome icon you want for that day.

### Uses Moment JS

Moment integration allows you to specify date format, such as 'YYYY-MMM-D'.

### Printable

Based on tables, you can make a calendar with several months that render to print.

### Events 

##### Emits 'monthclicked' with the starting date of the month.

 This allows you to load more data from server, etc.

##### Emits 'dateclicked' with the date string that was clicked.  

 This allows you to use modal dialog, or populate an edit form.

### Demo using bootstrap.css 

( note Icons and selected days in each instance )

![] (vue-fa-calendar-demo1.jpg)