Basically, I’m after a simplified version of the jQuery UI Date Picker. I don’t care about the day of the month, just the month and year. Using the Date Picker control feels like overkill and a kludge. I know I could just use a pair of select boxes, but that feels cluttered, and then I also need a confirmation button.
I’m envisioning a grid of either two rows of six columns, or three rows of four columns, for month selection, and current and future years across the top. (Maybe the ability to list a few years? I can’t see anyone ever needing to go more than a year or two ahead, so if I could list the current and next two years, that would be swell.)
It’s really just a dumbed down version of the DatePicker. Does something like this exist?
To anyone still looking forward into this (as I was), here is an beautiful, easy to use, jQuery UI compatible, well documented, tested alternative:
Its default usage is simple as doing the following:
Here’s a hack (updated with entire .html file):
Found one on lucianocosta.info. It looks pretty good:
UPDATED 2016-02-13: link that works
I used this script in a program a while back. While it is ancient, it works on all browsers well. If you look down to “Month-select calendar” I believe that is what you are looking for. The example that is there has the calendar opening in a new window (ew) but 1 setting (like the 2nd example) makes it show ala jQuery. Good luck.
Feel free to have a look on my own jQuery plugin :
Easy to use :
There is not a lot of options yet, but you can bound the input to a restricted range of month.
There are also events that provide a way of coding interdependency between two monthpicker (start & end date)
You can find a live demo here : Codepen
You are free to take the source code from Github and change whatever you want : Github repository
I just had a pick a date picker the other day. I found two other interesting examples that might help you out, but I’m not sure how you are going to do this without showing the calendar. Most “date pickers” just assume you are going to want to see a calendar. You might do better to look for a custom dropdown that has some custom buttons you can configure.
Here are the ones I looked at:
I ended up using this one:
If you are any good with JQuery, you might have come up with a good little project.