0

表形式でタイムピッカーを生成するために、トレントのタイムピッカーアドオンを使用しています。開始時刻と終了時刻が同じ行にあり、それに基づいて時間差が計算されます。複数のタイムピッカーを生成するために、IDの代わりにクラスを使用しました。問題は、動的 ID を生成し、その中に calculate() を含む行を追加したいことです。

以下は私の現在のコードです：

$(document).ready(function() {

    //table grid structure follows here
    $("#AddRow").click(function() {
        var row = '<tr><td>' +'<input type=text /></td>' + '<td><input type=text class="timepicker" value=""/></td>' + '<td><input type=text class="timepicker" value=""/></td>' + '<td><input type=text id= "difference" /></td>' + '<td><button>delete</button>' + '</td></tr>';
        $("#table").append(row);

    });
    $('body').on('focus', ".timepicker", function() {
        $(this).timepicker({});
    });

    $("#table").on("click", "button", function() {
        $(this).closest("tr").remove();
    });
    //table structure ends here
});

それを達成する方法はありますか??

4

2 に答える 2

1

「sessionStorage」は IE ブラウザではサポートされていません...
これを試してください...

$(document).ready(function(){
var i=0;
$('input.timepicker').each(function(){
    i++;
    $(this).attr("id","timepicker_"+i);
});

});

于 2012-08-06T09:44:17.290 に答える
0

動的 ID を生成するためのアイデアは、数値をセッション ストレージに格納することです。この値を定数プレフィックスに連結します。数値は、使用後にインクリメントされます。何かのようなもの：

var id = sessionStorage.getItem("id");
if (!id) {
    id = 0;
}
var idValue = "myId" + id.toString();
sessionStorage.setItem("id", id++);
于 2012-08-06T09:19:45.067 に答える