Question

我有一点问题而且我坚持了几天。我下载了Javascript日历插件（Date Input），以便在表单中添加一个小日历。在这个表单中，我添加了一个按钮，在这个表单中添加另一行，让用户设置多个日期。

<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页面时，我可以看到它，但日历不是apear ...

再见

爱德华

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 datepicker代替...所以我猜它已经解决了，非常感谢Agentminlindu以及所有其他人：）

将脚本附加到div中

2 个答案: