jquery datepicker定位问题: date picker blocks half of a text field

Question

这是一个 HTML 标记

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

(不幸的是，我几乎无法控制标记。因此，“TR 中的 TD 中的输入”是给定的)

在 javascript 中我执行标准

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

这就是结果

日期选择器以某种方式阻止了输入框的一半。

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

Chrome 和 FF4 中的结果相同

Answer 1

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

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

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