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');

とにかく、javascript セレクターを混在させるのではなく、jQuery ですべてを試してみることができます。

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

代わりにjQuery-UIdatepickerを使用することを選択しました...それで解決したと思います。Agentminlinduと他のすべての人に感謝します:)

于 2012-06-11T15:27:13.807 に答える