2013-05-06 182 views
0

我只有一個頁面的Jquery日期選擇器的格式問題。我以前從未遇到任何問題。JQuery日期選擇器格式

在谷歌瀏覽器中,第一個月在Internet Explorer中沒有被抵消。我已經搞亂了CSS - 改變字體大小等,但似乎沒有辦法。任何幫助,將不勝感激。

鉻: Chrome

Internet Explorer中: Internet Explorer

+0

這是因爲互聯網引爆是最好的瀏覽器在那裏,展示的東西這麼多優於鉻。 – adeneo 2013-05-06 21:39:38

+0

你確定在Chrome中你沒有「縮放」網頁嗎?有時在使用chrome時,如果縮放或取消縮放頁面,CSS和渲染會有一些「問題」。它有時發生在我身上。 – Madthew 2013-05-06 21:42:05

+0

@Madthew我希望是這樣,但我沒有放大或縮小。 – evanvee 2013-05-06 21:45:24

回答

0

OK,然後,如果它不是變焦...

http://jsfiddle.net/qqMKg/1/

分配到日曆組兩個類是

UI的日期選擇器組UI的日期選擇器組第一

所以應該努力做到這一點的方法:

.ui-datepicker-group { 
    margin-right: 20px; 
    padding: 0; 
} 

OR 

.ui-datepicker-group-first { 
    margin-right: 20px; 
    padding: 0; 
} 
+0

因爲這是一個隻影響你的第一個「組」的問題,你應該使用.ui-datepicker-group-first,中間的日曆有.ui-datepicker-group-middle。 – Madthew 2013-05-06 22:02:47

+0

無論如何這種行爲真的很奇怪。考慮使用http://necolas.github.io/normalize.css/,這有助於消除這種跨瀏覽器佈局差異。 – Madthew 2013-05-06 22:12:05

+0

你解決了你的問題嗎? – Madthew 2013-05-07 12:32:20

0

如果無法訪問您的代碼很難得到精確的問題,但我猜你只需要顯式聲明上的paddingselect元素在您的css。 Chrome和Internet Explorer很可能只是用不同的默認padding,並期待在默認JQuery用戶界面樣式,我沒有看到一個padding值被設置爲select菜單,所以只需添加一個css規則,看起來像:

.ui-datepicker select.ui-datepicker-month { 
    margin: 0; 
    padding: 0; 
} 
+0

我將這些行添加到了CSS,但沒有奏效。代碼很長,並認爲這是一個CSS問題。 – evanvee 2013-05-06 21:47:50

+0

你能提供一個鏈接到你的代碼和/或把所有東西都扔進jsfiddle嗎? – 2013-05-06 21:48:41