DatePicker component duplicating/skipping months after year-click

[caseydwyer]

Steps to reproduce

1. Visit https://vuetifyjs.com/components/pickers
2. Click an old-ish year (eg, <=2005) at the top of either Example "once" in event listener option #1 component.
3. Scroll via left/right arrow buttons to either a.) March/April or b.) October/November

Versions

Windows 10
Chrome 60.0.3112.90
Vuetify .14

What is expected ?

To see the April and November months.

What is actually happening ?

March and October are shown "again", in place of April and November (respectively). Note that the days on the second "iteration" of the month are correct, header/month is just off.

Reproduction Link

https://vuetifyjs.com/components/pickers

[caseydwyer]

Also worth noting: when you click a date in the incorrectly-labeled October (what should be November), the side-panel (ie, blue box) has the correct date. eg, I click "October" 16, and the left text shows:

2005
Wed,
Nov 16

[johnleider]

This is due to the javascript Date object. You can test this yourself by creating a new Date object, let k = new Date('November 1 2005'). After you generate it, use k.getMonth(). It will return 10 when in fact it is actually 11. @nekosaur We might have to change back how we handle months.

[caseydwyer]

Isn't that a result of getMonth() being zero-based? For me, the issue here only happens on those two specific "month-pairs"...March/April & October/November. If the issue was an off-by-one error, I'd think it would be consistently wrong. Am I turned around on that?

[johnleider]

You're right, I was looking at something else. Gotta stop drinking.

[caseydwyer]

HA! Been there before. 🍻

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord