Pick Month and Year only ( without selecting a date)

[mininoz]

In my case, I want users to select month and year only. (the date always be on first of the month.) Is it possible to allow user to select month and then year, without showing date?

Thank you

[nathanreyes]

Just an update here...I'd like to stabilize the plugin before adding any more features, but I do think this will be a good one to add.

[divdax]

+1

For good UX i would start with a scrollable year list instead of clicking left/right and then selecting a month.

[ajithsimon]

@nathanreyes have you done implementing it?

[yarynakorduba]

I just wonder, are there any updates on this question?

[jamesalways]

Do you have this feature available? We need it! Thanks!

[gongzemin]

Sometimes we need only pick year, can this be an option?

[danieltugok]

Are there some news about it? I really need it... Its a good feature. Tks

[hlakaccor]

@nathanreyes have you done implementing it?

[innovaweb-dev]

This option is implementing ? If yes, how to setup this option ? Thx,

[ajithsimon]

@rifton007 you just have to play around with the format and value-format. Below code should work.

Month and Year picker `<el-date-picker v-model="datePicker" format="MMMM-yyyy" value-format="MM-yyyy" type="month" placeholder="Select Month & Year"

`

Year picker `<el-date-picker v-model="datePicker" format="yyyy" value-format="yyyy" type="year" placeholder="Select Year"

`

[innovaweb-dev]

Thx @ajithsimon Can you check, because it doesn't work for me ?

v-calendar 1.0.6

<vc-date-picker
:popover="{ visibility: 'click', placement:'top' }"
:input-props="{
placeholder: 'Date de fin',
class : 'form-control rounded-0'
}"
v-model="draft.endDate"
format="yyyy"
value-format="yyyy"
type="year"
/>

[ajithsimon]

@rifton007 This was working code from my project. I tested and shared it with you.. draft.endDate have only year right?

[innovaweb-dev]

Hi @ajithsimon I tried the two cases : value-format="yyyy" and value-format="MM-yyyy". It isn't working for me, no changing of datepicker.

[innovaweb-dev]

I have version 1.0.8 This option doesn't work for me

<vc-date-picker
    :popover="{ visibility: 'click' }"
    :input-props="{
        class : 'form-control rounded-0'
    }"
    v-model="draft.endDate"
    format="yyyy"
    value-format="yyyy"
    type="year"
/>

[AdabanyaChinedu]

@rifton007 you just have to play around with the format and value-format. Below code should work.

Month and Year picker <el-date-picker v-model="datePicker" format="MMMM-yyyy" value-format="MM-yyyy" type="month" placeholder="Select Month & Year" ></el-date-picker>

Year picker <el-date-picker v-model="datePicker" format="yyyy" value-format="yyyy" type="year" placeholder="Select Year" ></el-date-picker>

This solution is for Element-UI date-picker https://element.eleme.io/#/en-US/component/date-picker. v-calendar component starts with "vc-date-picker" and not "el-date-picker"

I'll like to see this feature available in v-calendar though.

[ericcirone]

I would like to see this as well!

[kevnprns]

This would be a great feature to have on this project. Is there any progress or expected launch of this?

[iSWORD]

Beautiful plugin. I wish this was implemented, I'll have to find another plugin because I don't have time to implement a month/year only picker.

[shakhzodkudratov]

same here. no need to plug in whole element ui just for this feature

[shakhzodkudratov]

we already have it, just need to extract it into separate component

---

[shakhzodkudratov]

so I decided to implement this, feel free to try it https://github.com/shakhzodkudratov/v-calendar

p.s. it's my first contribution

[tugskusunoki]

Any update on this one?

[medddddd]

I would also be very interested in seeing this implemented

[cberthiaume]

Another vote for it here.

[nathanreyes]

What would you prefer to bind to? An object?

<v-date-picker v-model="monthYear" />

export default {
  data() {
    return {
      monthYear: { month: 1, year: 1983 },
    };
  }
}

[medddddd]

Object would be just fine! Can month be null in case of year pick only?

[innovaweb-dev]

Suggestions of features : https://element.eleme.io/#/en-US/component/date-picker#other-measurements

[Amocode]

Hello @nathanreyes Do you have any news about this feature ? You can have a look on this plug-in which has this possibility through a "plugin" (which is a config) monthSelectPlugin https://flatpickr.js.org/plugins/

[Chaho12]

@nathanreyes Hi, any updates about this feature?

[Gyorgyszanto]

@nathanreyes Hi Nathan. Any news about this?

[chemeng]

bump

[daixii83]

Any news about this feature?

[tranthaihoang]

I think a lot of people are looking forward to this feature!

[tayursky]

Very need )

[kontyente]

Ho this is a must... please add it

[definder]

I also vote for this feature! 🙋‍♂️ For quick playing around I added the next styles:

.vc-pane-container .vc-weeks {
    display: none;
}
.vc-pane-container .vc-header {
    margin-bottom: 10px;
}

One more click to reach months picker but we don't see the days picker 😁

[chanhl22]

Hi, any updates about this feature? I want to use this function

[andiLeong]

I need this as well but sadly its not implmented

[ojpro]

are there any updates about this feature?!

[ardiankurniawan8]

up

[akbarism]

any updates about this feature?

[oleksandr-dukhovnyy]

+

[giangcs]

Hello, any updates about this feature? I want to use this function

[sdsoldi]

:( sad

[Not-yourCoder]

2024 still not in? skill issues