我有一个字段,需要从用户收集一年(即,具有年度分辨率的日期 – 为了便于存储,我宁愿存储实际的日期值而不是数字).
我想使用现代浏览器或webshims支持的日期输入UI,因为它很好,与现代平台相当.我不知道如何让UI只显示一年.有任何想法吗?
如果没有平台支持,理想情况下,如果您点击“预览”,然后单击窗口顶部几次,我想要一个像see here这样的UI,除非是反向的:当您首次单击输入时获得一个几十年的小部件,然后你深入选择一年,然后关闭UI.
解决方法
不,你不能,它不支持只有一年,所以做到这一点,你需要一个脚本,像jQuery或者你拥有的webshim链接,这只显示一年.
如果jQuery是一个选项,这里是一个,从Sibu借来:
$(function() { $( "#datepicker" ).datepicker({dateFormat: 'yy'}); }); CSS .ui-datepicker-calendar { display: none; }
Src:https://stackoverflow.com/a/13528855/2827823
Src小提琴:http://jsfiddle.net/vW8zc/
这是an updated fiddle,没有月份和上一个/下一个按钮
如果bootstrap是一个选项,check this link,他们有一个布局你想要什么.