jQuery的日期選擇器定位的問題：日期選擇器塊半的文本字段

<tr><td><b>Effective Date</b></td><td colspan="2"><input class="datepicker " value="01/04/2011" ></td></tr>

（不幸的是我有過標記的小控制，使「的輸入在TR一個TD」的。給定）

在JavaScript我做標準

$('.datepicker').datepicker();

而且它的結果

enter image description here

datepicker莫名其妙地阻塞了輸入框的一半。

爲什麼是這種情況？什麼是可能的解決方案？

同樣的結果在Chrome和FF4

我用表格單元格內的日期選擇器不用任何問題。你調整了UI的CSS嗎？ – 2011-04-04 06:00:49

使用螢火蟲，並看到日期選擇器和輸入的CSS – diEcho 2011-04-04 06:01:41

使用Firebug，檢查元素，找出它爲什麼正好顯示它的方式（提示：這是因爲CSS :)。然後使用jQuery的.css函數來改變CSS。

您可以同時使用多個規則，就像這樣：

$(".datepicker").css({ 
    "margin-top": "10px", 
    "width": "auto" 
});

2011-04-04 06:26:57 Daniel

設置輸入東西內嵌樣式像

<input class="datepicker " value="01/04/2011" style "position:relative;top:10px;" >

注：在Firebug更好地查看和調整類，這只是次要的風格問題..

2011-04-04 05:59:49 diEcho

回答