日历弹出窗口在Firefox和Chrome中不起作用

Question

我从互联网上获得了这个弹出式日历，可以使用IE来运行它。 但是，当我尝试使用Firefox或Chrome ，弹出式日历无法正常工作。

这是<head> DL calendar.js中的外部js文件位置：

<script src="../script/calendar.js?d6aa97d33d459ea3670056e737c99a3d" 
     type="text/javascript"></script>

HTML中的代码：

<input type="text" readonly="readonly" class="blackcopy" name="txtReadyDate" id="txtReadyDate" size="10" maxlength="10" value="">
<input type="button" name="btnStartShipDate" style="width: 30px; height: 19px" value="..."/>

我有此javascript代码，可触发按钮中的click事件。 它与其余代码放在最后一部分：

<script type="text/javascript">
    var sDetector;
    var sStop;

    calendar.set("btnStartShipDate", "txtReadyDate", "left", 130, -20, document.frmObject.txtReadyDate.value);

    function onMouseMove(val) {
        if (sStop == 'stop') {
            return false;
        }
        sDetector = val;
    }

    function sHide() {
        if (sStop == 'stop') {
            sStop = "";
            calendar.hideCalendar()
        }

        if (sDetector == 'hide') {
            calendar.hideCalendar()
            sDetector = "";
        }
    }
</script>

日历工作时如下所示：

那里有冲突或与Firefox和Chrome不兼容的代码吗？

Answer 1

我发现了什么。 在calendar.js的代码中的某些位置，您将看到如下代码：

var input = document.getElementById(input_id);

实际上是指此输入：

<input type="button" name="btnStartShipDate" style="width: 30px; height: 19px" value="..."/>

由于getElementById引用了一个id ，因此需要将其设置为id属性，如下所示：

<input type="button" id="btnStartShipDate" name="btnStartShipDate" style="width: 30px; height: 19px" value="..."/>

---

事实是，即使input仅具有name属性， IE browse可以以某种方式解决该问题。 但是对于Firefox和Chrome ，直到控件中具有id属性， getElementById才起作用。