Closed CavalcanteLeo closed 2 years ago
use CalendarPanel
repalce DatePicker
<calendar-panel
:value="value"
@select="handleSelect"
:calendar.sync="calendar"
></calendar-panel>
import DatePicker from 'vue2-datepicker';
const { CalendarPanel } = DatePicker;
export default {
name: 'Basic',
components: { CalendarPanel },
data() {
return {
calendar: new Date(),
value: new Date()
};
},
methods: {
handleSelect(val) {
this.value = val;
},
handleNextMonth() {
const nextMonth = new Date(this.calendar);
nextMonth.setMonth(nextMonth.getMonth() + 1);
},
},
};
thanks
Using inline mode, I have to change next/prev month by clicking on a custom button.
Is that possible?
Also I had to hide the
mx-calendar-header
All of that because i have to create a custom header that looks like this (green circle):
and now i have to change the months with those pink arrows
Thanks