jquery - jQuery datepicker 在一行中显示月份和年份组合

Question

我想让用户在两个组合框中选择年份和月份。问题是它们被显示在另一个之下，而不是一个并排显示。

我要这个：

我明白了：

谢谢你。

Answer 1

解决了更改此 css 类表单 jquery-ui.css

.ui-datepicker select.ui-datepicker-month .ui-datepicker select.ui-datepicker-year { width: 30%;}

30% 确保在我的情况下两个选择都将显示在一行中。我使用 IE 开发者工具找到了 css 类：

Answer 2

无论 CSS 怎么说，改变宽度的最佳方法是：

1. 找到有datapicker的js文件（一般是jquery.ui.datepicker.js）
2. 寻找var origyearshtml, numMonths = this._getNumberOfMonths(inst) ...
3. 就在那条线或同一条线下，您会注意到width=17；
4. 将其更改为您喜欢的宽度。

这是使用多个月时唯一对我有用的解决方案。