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. 将其更改为您的首选宽度。

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