0

我有一个小问题,我坚持了几天。我下载了一个Javascript日历插件(日期输入)来在我的表单中添加一个小日历。在此表单中,我添加了一个按钮,在此表单中添加另一行以让用户设置多个日期。

<input type="button" value="Ajouter" onclick="ajoutChamp('creneau')" />

我做了一个小脚本:

var s = document.createElement('script');
s.type = "text/javascript";
s.text = "DateInput('creneau_2',true,'DD-MON-YYYY')";
$("#test").append(s);

但是当我这样做时,每次按下按钮时,我的日历都会全屏显示。看起来脚本已经执行但没有出现在 html 页面中。

我的 html 代码的一小部分:

<table id="liste_creneau" class="add_champ">
    <tr id="tr_creneau_1">
        <td><label for="creneau_1">creneau 1</label></td>
        <td><script id="ref_date">DateInput('creneau_1', true, 'DD-MON-YYYY')</script></td>
    </tr>
</table>
<div id="test">

</div>

Atm 我想将日历附加到 div 中,但最后日历将在表中。

我也做过其他测试,但我所做的每一段代码都以同样的方式结束......

所以也许你可以帮助我!:)

编辑:

好的,我做了一个小测试

var g = document.getElementById('test');
var s = document.getElementById('ref_date');
nb++;
var clone = s.cloneNode(true);
var param = clone.firstChild.data.split('\'');
param[1] = 'creneau_'+nb;
clone.firstChild.data = param.join('\'');
g.appendChild(clone);

之后,当我单击按钮时,在 div 中插入了一个脚本标签,但没有显示任何内容。当我检查我的 html 页面时,我可以看到它,但没有出现日历...

再见

爱德华

4

2 回答 2

1

我不明白你为什么不只是运行日期输入行。它应该具有相同的效果。

DateInput('creneau_2',true,'DD-MON-YYYY');

无论如何,您可以尝试在 jQuery 中完成所有操作,而不是混合使用 javascript 选择器。

$("#test").append("<script type='text/javascript'>DateInput('creneau_2',true,'DD-MON-YYYY');</script>");
于 2012-06-11T13:46:15.487 回答
0

好吧,我选择使用 jQuery-UI 日期选择器...所以我想它已经解决了,非常感谢 Agentminlindu 和所有其他人:)

于 2012-06-11T15:27:13.807 回答