0

日付間の結果を表示できるように、テーブルソーターに日付ピッカーを実装するにはどうすればよいです01/01/2001 - 01/01/2012か?

私は次の質問を受けました。したがって、上記の質問に関する私の質問は次のとおりです。

HTML では、データに日付が含まれている表形式のデータのセットを表示します。表形式のデータをフィルター処理する日付ピッカーを実装します。可能であれば、ajax または json フィードを介して表形式のデータを提供できるようにします。

4

1 に答える 1

6

前にコメントしたように、2 つのjQuery UI 日付ピッカー(1 つは最小日付用、もう 1 つは最大日付用) を使用し、日付をフィルタリングするだけでこれを行うことができます。

非常に単純な例を作成しました。そして、これがコメント付きのバージョンです (日付ピッカーと組み合わせて数字を入力することもできます。これは、より簡単な方法であることが証明されている可能性があります)。

さて、コンテンツを div 内に動的にロードしたい場合は、jQuery の Ajax ドキュメントを参照するか、いくつかのチュートリアルを読むだけで十分です。これはかなり基本的なことです。

Ajax を作成する最も簡単な方法は、テーブルを div でラップすることです。たとえば、jQuery メソッドtablewrapperを使用できます。.load()

$('#tablewrapper').load('UrlWhichContainsMyTable.html');

上記の例では、全体をエコーし​​ます<table> ... </table>(または html ドキュメントの中に入れます)。

テーブルの行を動的にロードしたい場合は、テーブルに.appendand.appendToメソッドを使用できます。

$.get('urlWithMyNewRows.html', function(r){ //or $.post, $.ajax etc
      $('table.bordered').append(r);
});

上記の例では、テーブル行のコレクションを取得して、ドキュメント<tr>からテーブルに追加しますurlWithMyNewRows.html。

必要に応じて、$.getJSON のドキュメントと例を参照してください。=]

ps。私は自分のフィドルを「シンプル」と呼んでいます。これは、警告を表示するmaxdate前にmindate「結果が見つかりません」というメッセージを表示するかどうかさえ検証しなかったためです。これらはほんの数行のコードでもあります。

于 2012-06-03T03:57:02.247 に答える