我可以使用HTML输入类型“日期”仅收集一年吗?

前端之家收集整理的这篇文章主要介绍了我可以使用HTML输入类型“日期”仅收集一年吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个字段,需要从用户收集一年(即,具有年度分辨率的日期 – 为了便于存储,我宁愿存储实际的日期值而不是数字).

我想使用现代浏览器或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,他们有一个布局你想要什么.

猜你在找的HTML相关文章