少し問題があり、数日間それを続けています。フォームに小さなカレンダーを追加するために、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ページを調べると表示されますが、カレンダーが表示されません...
さよなら
エドゥアール