0

以下のコードを使用してテーブルに行を追加していますが、完全に機能します。

$(document).ready(function() {
    $("#tr_clone_add").click(function(){
        $('#listuser > tbody').after(
            '<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>'
          );
    });
});

私はTigra Calendarを使用しており、指示に従って入力class="tcal"を行ったので、カレンダー/日付ピッカーが表示されます。ただし、カレンダーは表示されず、単純な入力フィールドしか表示されません。カレンダーを表示するにはどうすればよいですか?

これは私がカレンダーを呼び出す方法です：

<link rel="stylesheet" type="text/css" href="tcal.css" />
<script type="text/javascript" src="tcal.js"></script>
4

1 に答える 1

2

Tigra Calendar http://www.softcomplex.com/products/tigra_calendar/を使用しているようです

まず、これが機能しない理由は、このカレンダー ライブラリが、ページが完全に読み込まれ、ページが最初に読み込まれた後にページに他の要素が追加されないことを想定しているためです。

f_tcalInit()次に、要素を追加した後に を呼び出してカレンダーを再度初期化することで修正できます。そのようです：

$(document).ready(function() {
    $("#tr_clone_add").click(function(){
        $('#listuser > tbody').after('<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>');
        f_tcalInit();
    });
});
于 2013-06-01T22:35:03.380 に答える