Can I Use An HTML Input Type "date" To Collect Only A Year?
Answer :
No you can not but you may want to use input type number as a workaround. Look at the following example:
<input type="number" min="1900" max="2099" step="1" value="2016" />
No, you can't, it doesn't support only year, so to do that you need a script, like jQuery or the webshim link you have, which shows year only.
If jQuery would be an option, here is one, borrowed from Sibu:
Javascript
$(function() { $( "#datepicker" ).datepicker({dateFormat: 'yy'}); });
CSS
.ui-datepicker-calendar { display: none; }
Src: https://stackoverflow.com/a/13528855/2827823
Src fiddle: http://jsfiddle.net/vW8zc/
Here is an updated fiddle, without the month and prev/next buttons
If bootstrap is an option, check this link, they have a layout how you want.
There is input type month in HTML5 which allows to select month and year. Month selector works with autocomplete.
Check the example in JSFiddle.
<!DOCTYPE html> <html> <body> <header> <h1>Select a month below</h1> </header> Month example <input type="month" /> </body> </html>
Comments
Post a Comment