javascript - 选择日历图标时，表单字段变得不可见 - Google Chrome

Question

我已经为这种形式苦苦挣扎了一段时间:http://www.thebeardmore.com/booking-mask/

我正在使用 Google Chrome 进行调试。

当我单击“日历”图标时，会出现日期框，覆盖下方的输入字段(夜间/成人/ child )。

但是，这也使得这些字段从此完全不可见(visibility:hidden)。

谁能解释为什么会发生这种情况以及我该如何阻止它？

谢谢。

Answer 1

脚本基本上隐藏了日历覆盖的任何元素(通过设置 visibility: hidden )。我认为这是因为 IE6 中的渲染问题。但是，它会导致问题 Chrome和 IE8 ，因此禁用此行为可能是值得的。

几种方法:

1) 设置visibility: visible内联:

<select id="nights" name="Length" style="visibility: visible">

2) (最好)覆盖日历的 hideShowCovered方法:

// At the top of your script
Calendar.prototype.hideShowCovered = function() {};