@MCK2 I was looking for the same, and came up with this solution:
The idea is to start with Year view then, when a month is selected, hide the popup calendar.
<template>
<q-input
readonly
input-class="cursor-pointer"
label="Select a Month"
:value="monthPicked"
@click="$refs.monthPicker.show()"
>
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy ref="monthPicker" transition-show="scale" transition-hide="scale">
<q-date
minimal
emit-immediately
default-view="Years"
v-model="monthPicked"
@input="checkValue"
/>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</template>
<script>
export default {
data () {
return {
monthPicked: null
}
},
methods: {
checkValue (val, reason, details) {
if (reason === 'month') {
this.$refs.monthPicker.hide()
}
}
}
}
</script>