jQueryTablesorterカスタム日付パーサー

OtherGuy1971

私はフォーラムを検索しましたが、私のような状況を見つけることができなかったので、ここの誰かが助けてくれるのではないかと思いました。

日付で並べ替えたい「リリース日」の列を含む動的に生成されたテーブルがあります。問題は、この列の日付値の前に括弧内のリリース数が付いていることです。

この列で可能な値は、AM / PM指定子が付いた完全な日付とタイムスタンプで、その前に番号またはリリース、または「なし」という単語が付きます。たとえば、これらはデータテーブルの実際の値です。

None
[1] 1/24/2008 5:53:35 PM    
[1] 7/31/2012 11:32:50 AM   
[10] 3/29/2013 2:59:04 PM   
[3] 12/17/2014 2:43:27 PM   
[1] 1/9/2015 6:48:31 PM
[4] 1/9/2015 7:02:09 PM 
[4] 1/30/2015 11:25:20 AM   
[2] 12/27/2016 12:32:02 PM  
[2] 11/16/2017 11:04:22 AM

日付の前に追加の文字があるため、組み込みの並べ替えは正しく機能しません。コードに次のパラメーターを追加して、カスタムパーサーを列に割り当てました。これは、表にリストされている3番目のパラメーターです。

headers: 2: { sorter: 'DateParser' }

そして、これが私のパーサーが先頭の文字を取り除き、日付と時刻だけを残すためのコードです:

$.tablesorter.addParser({
    id: 'DateParser',
    is: function(s) {
        return false;
    },
    format: function(s) {
        var datesort;
        if (s != "None") {
            var livereleasedate = s.split(']');
            var datetime = livereleasedate[1].trim();
            console.log(datetime);
            datesort = datetime;
        }
        else {
            datesort = s;
        }
        return datesort;
    },
    type: 'text'
});

残念ながら、これはまだ完全には機能しません。月と日の値は適切な順序で並べ替えられているようですが、文字列の残りの部分はそうではありません。列ヘッダーをクリックして値を並べ替えると、次のようになります。

[1] 1/9/2015 6:48:31 PM
[4] 1/9/2015 7:02:09 PM
[1] 1/24/2008 5:53:35 PM
[4] 1/30/2015 11:25:20 AM
[10] 3/29/2013 2:59:04 PM
[1] 7/31/2012 11:32:50 AM
[2] 11/16/2017 11:04:22 AM
[3] 12/17/2014 2:43:27 PM
[2] 12/27/2016 12:32:02 PM
None

これを解決する方法について何か提案はありますか?

前もって感謝します。

モッティ

tablesorterのフォークの一部extractMMDDYYYYであるparser-date-extract.jsファイルで利用可能なパーサーを試してくださいこのパーサー、元のテーブルソーターで動作するはずです...デモ

$(function() {
  $('table').tablesorter({
    theme: 'blue',
    headers: {
      0: { sorter: "extractMMDDYYYY" }
    }
  });
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

jQueryTablesorterを使用したカスタム英数字ソート

分類Dev

カスタムセパレータを使用したHaskellの日付解析

分類Dev

タイムゾーン付きの日付パイプ角度4カスタムフォーマット(短い)

分類Dev

アクセント付き文字と特別な構成を持つjQueryTablesorterカスタムフィルターの問題

分類Dev

文字列としての日付の角度カスタムパイプエラー

分類Dev

カスタム列へのパワークエリ関数の日付

分類Dev

パンダ-カスタムカレンダーで日付間の営業日を取得しますか?

分類Dev

日付vsタイムスタンプvsカレンダー?

分類Dev

日付範囲のカスタムActiveAdminフィルター

分類Dev

スパンのスタイル日付ピッカー

分類Dev

日付ピッカーのタイトルテキスト/タイムテキストのサイズ変更

分類Dev

パンダを日付で並べ替え、カスタムアグリゲーター:各日付のすべてのデータを組み合わせる

分類Dev

高度なカスタムフィールドによる注文サブフィールド日付

分類Dev

Spring-data-elasticsearchカスタム日付形式エラー

分類Dev

DjangoModelFormカスタム日付フィールド

分類Dev

JSPhtmlコードへのカスタム日付形式の追加

分類Dev

HTMLページのカスタム入力日付

分類Dev

CrystalReportのカスタム日付フォーマット

分類Dev

SAS - カスタム日付フォーマット - YYYYMMDDhhmmss

分類Dev

WP-高度なカスタムフィールド日付表示

分類Dev

カスタムの日付文字列のために使用ジャクソンJsonFormatパターン

分類Dev

パス変数としてSpringでISO日付を使用するときのカスタムエラー?

分類Dev

重力フォームの日付ピッカーのカスタマイズ

分類Dev

パンダのデータフレームは、列の日付がカスタム日よりも短いかどうかを確認しますか?

分類Dev

日付ピッカーへのカスタムテキスト/メモの追加

分類Dev

サービス付きのAppEngineカスタムドメイン

分類Dev

サービス付きのAppEngineカスタムドメイン

分類Dev

日付最小のAngular5カスタムバリデーター

分類Dev

パラメータ付きのTwigカスタム関数

Related 関連記事

  1. 1

    jQueryTablesorterを使用したカスタム英数字ソート

  2. 2

    カスタムセパレータを使用したHaskellの日付解析

  3. 3

    タイムゾーン付きの日付パイプ角度4カスタムフォーマット(短い)

  4. 4

    アクセント付き文字と特別な構成を持つjQueryTablesorterカスタムフィルターの問題

  5. 5

    文字列としての日付の角度カスタムパイプエラー

  6. 6

    カスタム列へのパワークエリ関数の日付

  7. 7

    パンダ-カスタムカレンダーで日付間の営業日を取得しますか?

  8. 8

    日付vsタイムスタンプvsカレンダー?

  9. 9

    日付範囲のカスタムActiveAdminフィルター

  10. 10

    スパンのスタイル日付ピッカー

  11. 11

    日付ピッカーのタイトルテキスト/タイムテキストのサイズ変更

  12. 12

    パンダを日付で並べ替え、カスタムアグリゲーター:各日付のすべてのデータを組み合わせる

  13. 13

    高度なカスタムフィールドによる注文サブフィールド日付

  14. 14

    Spring-data-elasticsearchカスタム日付形式エラー

  15. 15

    DjangoModelFormカスタム日付フィールド

  16. 16

    JSPhtmlコードへのカスタム日付形式の追加

  17. 17

    HTMLページのカスタム入力日付

  18. 18

    CrystalReportのカスタム日付フォーマット

  19. 19

    SAS - カスタム日付フォーマット - YYYYMMDDhhmmss

  20. 20

    WP-高度なカスタムフィールド日付表示

  21. 21

    カスタムの日付文字列のために使用ジャクソンJsonFormatパターン

  22. 22

    パス変数としてSpringでISO日付を使用するときのカスタムエラー?

  23. 23

    重力フォームの日付ピッカーのカスタマイズ

  24. 24

    パンダのデータフレームは、列の日付がカスタム日よりも短いかどうかを確認しますか?

  25. 25

    日付ピッカーへのカスタムテキスト/メモの追加

  26. 26

    サービス付きのAppEngineカスタムドメイン

  27. 27

    サービス付きのAppEngineカスタムドメイン

  28. 28

    日付最小のAngular5カスタムバリデーター

  29. 29

    パラメータ付きのTwigカスタム関数

ホットタグ

アーカイブ