jquery-ui - 未捕获的TypeError : Cannot read property 'left' of undefined

Question

当出现此错误时，我似乎无法在隐藏字段上显示来自jQuery UI的日期选择器:

Uncaught TypeError: Cannot read property 'left' of undefined

当我使用常规文本字段时，似乎没有问题。我同时使用 jQuery UI 1.9.0和 1.9.2和 jQuery is 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提供了一个(非)工作示例

Answer 1

这是因为输入字段对浏览器不可见(因为它是隐藏的)。

试试这个:

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

而且你还好当然，您可以将额外的样式属性添加到CSS类“end_date”。 “display:none”将无济于事，因为此字段再次完全不可见。

在 JS Fiddle中也有示例。