将脚本追加到 div 中

Question

我遇到了一个小问题，我卡住了几天。我下载了一个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>

自动取款机 我想在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 页面时，我可以看到它，但日历没有显示......

再见

爱德华

Answer 1

我不

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

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

无论如何，你可以尝试在jQuery中完成所有操作，而不是混合JavaScript选择器。

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

Answer 2

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