是否有一种简单的方法可以创建一个月/年日期选择器,一次显示多个月?

时间:2013-11-11 22:55:50

标签: javascript jquery html5 css3 datepicker

我有一个网络应用程序,需要输入一个月/年的日期(月份的日期无关紧要)。

目前我正在使用月份类型的输入:

<input type="month">

这在iPhone上呈现得非常好,但Chrome浏览器中的用户界面很可怕 - 它显示了当月的所有日期,您必须一次单击一次滚动到上一个/未来几个月。

我已经看过像jquery(http://jqueryui.com/demos/datepicker/)这样的javascript日期选择器,但是它有同样的问题。如果它不合适,我很乐意适应或扩展一些东西。任何人都可以在普通屏幕和触摸屏上建议一个有明智行为的好日期选择器吗?

1 个答案:

答案 0 :(得分:0)

根据我的理解,您只想显示一年中的某个月。由于您对插件感兴趣,我建议默认使用具有此功能的bootstrap datepicker

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

呈现的输出:

enter image description here

JSFiddle