2012-01-12 44 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