jquery - Jquery TableSorter 2.0 ウィジェット (複数列フィルタリング) プラグイン

Question

入力に日付ピッカーを実装したい.問題は、入力がtablesorterプラグインで作成され、その方法がわからないことです。

http://mottie.github.com/tablesorter/docs/example-widget-filter-custom.html ここにプラグインのコードがあります: https://github.com/Mottie/tablesorter/blob/master/js/jquery .tablesorter.widgets.js

Answer 1

バージョン 2.7.7 では、という名前の新しいオプションfilter_formatterが tablesorter フィルター ウィジェットに追加されました。このオプションを使用して、jQuery UI の日付ピッカー範囲を追加して、テーブル コンテンツをフィルター処理できるようになりました。

「jquery.tablesorter.widgets-filter-formatter.js」という名前の新しいファイルを含め、以下に示すコードを追加して追加する必要があります。これは動作するデモです。

$(function() {

  // call the tablesorter plugin
  $("table").tablesorter({
    theme: 'blue',
    // hidden filter input/selects will resize the columns, so try to minimize the change
    widthFixed : true,
    // initialize zebra striping and filter widgets
    widgets: ["zebra", "filter"],
    widgetOptions : {
      // jQuery selector string of an element used to reset the filters
      filter_reset : 'button.reset',
      // add custom selector elements to the filter row
      filter_formatter : {

        6 : function($cell, indx){
          return $.tablesorter.filterFormatter.uiDatepicker( $cell, indx, {
            from : '12/1/2012', // default from date
            to   : '2/1/2014',  // default to date
            changeMonth: true,
            changeYear : true
          });
        }

      }
    }
  });

});