vue-demo-calendar v0.2.4

Vue2-Demo-Calendar

calendar for your Vue 2 App.

Installation

Vue2-Calendar is available as an npm package.

npm install vue-demo-calendar

Default styles included in styles.css

Demo

--

How to Use

<TheCalendar :date="date" @onSelect="changeDate" />

<script>

import TheCalendar from 'vue-demo-calendar';

export default {
	name: 'App',
	components: {
	  TheCalendar,
	},
	data() {
		return {
			date: '20221020',
		}
	},
	methods: {
		changeDate(val) {
			let { year, month, date } = val
			this.date = `${year}${month}${date}`
		},
	},
}

</script>

Props

date

• String

• Object {date: '20221022'}

• require

• To show a default Date

Emits

onSelect

• Function
• Returns a Object.
• The content of object {year, month, date}

Dependencies

Vue2

Moment