Jquery datepicker定位问题：日期选择器阻塞文本字段的一半

Question

这是一个HTML标记

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

（不幸的是我几乎无法控制标记。所以'TR'中的TD中的INPUT是给定的）

在javascript中我做标准

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

这是结果

datepicker以某种方式阻止了一半的INPUT框。

为什么会这样？什么是可能的解决方案？

Chrome和FF4中的结果相同

Answer 1

为输入设置内联样式，如

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

注意：最好在firebug中看到并调整课程，这只是一个小问题..

Answer 2

使用Firebug，检查元素，弄清楚为什么它显示它的方式（提示：这是因为CSS :)。然后使用jQuery的.css函数来更改CSS。

您可以一次使用多个规则，如下所示：

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