Question

我有这个函数，当我点击文本字段时会调用显示日历的JavaScript代码：

window.onload = function(){
    new JsDatePick({
        useMode:2,
        target:"inputField",
        dateFormat:"%d-%M-%Y"
    });
};

并且在第一个textfiled上首次调用该函数，该函数可以正常工作

<input name="PickDate" type="text" id="inputField" readonly="readonly"/>

但是当我在同一页面上调用相同的功能时，它根本不起作用而且没有任何内容出现。这就是我如何调用函数，因为我认为问题在于我如何调用它：

<input name="PickReturnDate" type="text" id="inputField" readonly="readonly"/>

Answer 1

你的目标是target:"inputField"，这就是为什么第一个工作正常而下一个工作没有。

Answer 2

我遇到了同样的问题。试试这个：

<script type="text/javascript">
    window.onload = function() {
        new JsDatePick ({
            useMode:2,
            target:"inputField1",
            dateFormat:"%d-%M-%Y"
        });
        new JsDatePick ({
            useMode:2,
            target:"inputField2",
            dateFormat:"%d-%M-%Y"
        });
    };
</script>

<td><input type="text" size="12" name="dob" id="inputField1" /></td>
<td><input type="text" size="12" name="doj" id="inputField1" /></td>

Answer 3

尝试替换'target'。因为你输入的id是inputField2而不是inputfield。

 window.onload = function(){
   new JsDatePick({
    useMode:2,
    target:"inputField2",
    dateFormat:"%d-%M-%Y"
   });
};

JavaScript：无法显示日历

3 个答案: