jquery-ui – 未捕获的TypeError：无法读取未定义的属性“left”

我似乎无法在隐藏字段上显示来自jQuery UI的日期选择器,因为我收到此错误：

Uncaught TypeError: Cannot read property 'left' of undefined

当我使用常规文本字段时,我似乎没有问题.我在jQuery UI 1.9.0和1.9.2中都遇到了这个错误,jQuery的版本是1.8.3

HTML

<table>
    <tr>
        <td> 
            <small class="date_target">until <span>Dec. 31,2013</span></small>
            <input type="hidden" class="end_date" />
        </td>
    </tr>
</table>

JS

$(".end_date").datepicker({
    dateFormat: 'yyyy-mm-yy',yearRange: '-00:+01'
});

$('.date_target').click(function () {
    $(this).next().datepicker('show');
});

我也在这个jsfiddle上提供了一个(非)工作示例

解决方法

这是因为浏览器看不到输入字段(因为它是隐藏的).

试试这个：

<input type="text" style="height: 0px; width:0px; border: 0px;" class="end_date" />

你很好当然,您可以将额外的样式属性添加到CSS类“end_date”. “display：none”无济于事,因为那时该字段再次完全不可见.

例子也在JS Fiddle中.