2012-01-12 48 views
0

我使用jQuery Mobile,它工作正常,我也使用'旧'jQuery UI DatePicker(不是移动的),但我注意到了日期选取器上的月份导航按钮图标是错误的。为了纠正这个问题,我可以改变样式表的顺序,但是我从移动设备中丢失了数据主题图标。jQuery Mobile 1.0和UI 1.8.16兼容性问题DatePicker图标

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

有没有人遇到过这个?任何人都有解决方案?

+0

您使用jQuery UI而不是移动优化解决方案的任何具体原因?定制一个jQuery UI构建,让'Datepicker'组件仍然是一个44KB的JS文件(更不用说24KB的CSS了)。 – Jasper 2012-01-12 21:42:09

+0

@Jasper不是真的,只是我习惯了它,似乎没有jQuery(由jQuery人)移动DatePicker可用。 – 2012-01-12 21:48:34

+0

http://dev.jtsage.com/jQM-DateBox/这是一款优秀的DatePicker,它已针对jQuery Mobile 1.0进行了优化。不,它不是来自jQuery Mobile团队,但它看起来并不像他们有一段时间会遇到这种情况。除了代码重量(仅缩小10KB)之外,这是一个不错的选择,因为它没有遇到类冲突问题。 – Jasper 2012-01-12 22:07:11

回答

0

就目前而言,我已经与jtSage DateBox从http://dev.jtsage.com/jQM-DateBox/ 月份下一个/上一个按钮图标被硬编码,但我做了他们的选择,它看起来像它会工作确定对我来说,还是有点通过调整弹出式定位和其他一些UI调整来做,但它看起来应该是一个可以接受的解决方案。

MobiScroll和MobiPick现在对我来说太“机械化”了。

+0

嘿 - 这就是我在上面评论之前没有阅读你的答案所得到的结果 - 无论如何,如果你决定把你的修改发回给我,总是会欢迎修改/增强。 – 2012-01-13 18:51:20

+0

@ J.T.Sage我做了一些小小的改动,使图标选项和弹出框位于元素下面,弹出窗口似乎在第一次弹出窗口后移动一次(向上),然后再进行更改。我也在CSS中将弹出框的边框宽度降为1px。我仍然想要看看还有什么我需要它做,但迄今为止这么好 - 这是一个不错的小日期选择器 - 谢谢。 – 2012-01-13 20:36:28