jQuery Mobile 1.0 和 UI 1.8.16 DatePicker 图标的兼容性问题答案

【问题标题】：Compatibility problems with jQuery Mobile 1.0 and UI 1.8.16 DatePicker iconsjQuery Mobile 1.0 和 UI 1.8.16 DatePicker 图标的兼容性问题
【发布时间】：2012-01-12 21:34:35
【问题描述】：

我正在使用 jQuery Mobile，它工作正常，我也在使用“旧”的 jQuery UI DatePicker（不是移动的），但我注意到日期选择器上的月份导航按钮图标是错误的。为了纠正这个问题，我可以更改样式表的顺序，但随后我会丢失移动设备中的数据主题图标。

这是一个 JSFiddle。 http://jsfiddle.net/MXBYH/

以前有人遇到过这种情况吗？有人有解决办法吗？

【问题讨论】：

您使用 jQuery UI 而非移动优化解决方案的任何具体原因？自定义 jQuery UI 构建以仅包含 Datepicker 组件仍然是一个 44KB 的 JS 文件（更不用说 24KB 的 CSS）。
@Jasper 不是真的，只是我已经习惯了，而且似乎还没有可用的 jQuery（由 jQuery 人）移动 DatePicker。
dev.jtsage.com/jQM-DateBox 这是一个出色的日期选择器，已针对 jQuery Mobile 1.0 进行了优化。不，它不是来自 jQuery Mobile 团队，但看起来他们暂时不会这样做。除了代码量（仅缩小 10KB）之外，这是一个不错的选择，因为它没有您遇到的类冲突问题。
mobiscroll.com 是我用过的另一个，但它的代码权重有点重，大约为40KB 缩小。
我确实看过 jtsage 之一，它看起来不错，但是几个月来我看不到如何将按钮（加号和减号）更改为左右箭头。也许我现在需要重新审视它，因为 jQuery UI 有问题。我去看看mobiscroll一个。谢谢

标签： jquery jquery-ui jquery-mobile datepicker

【解决方案1】：

目前，我使用来自http://dev.jtsage.com/jQM-DateBox/ 的 jtSage DateBox 下个月/上一个按钮图标是硬编码的，但我已经为它们设置了选项，看起来它对我来说可以正常工作，仍然与调整弹出窗口位置和一些其他 UI 调整有关，但看起来像它应该是一个可以接受的解决方案。

MobiScroll 和 MobiPick 目前对我来说太“安卓”了。

【讨论】：

嘿 - 这就是我在上面评论之前没有阅读你的答案而得到的 - 无论如何，如果你决定要将更改发回给我，我们总是欢迎更改/增强。
@JTSage 我做了一些小改动，制作图标选项并将弹出窗口定位在元素下，弹出窗口似乎在第一个弹出窗口之后（向上）移动一次，然后我才做出我的改变。我还在 CSS 中将弹出窗口的边框宽度降至 1px。我仍在努力看看我还需要它做什么，但到目前为止还不错 - 这是一个不错的小日期选择器 - 谢谢。