[解決済み] Datatable 日付ソート dd/mm/yyyy 問題
2023-02-09 09:01:37
質問
というJqueryプラグインを使っています。 データテーブル
素晴らしいのですが、dd/mm/yyyy形式で日付を正しくソートすることができません。
私は彼らのサポート形式を見ましたが、これらの修正のどれも動作しないようです。
どなたか助けていただけないでしょうか。
どのように解決するのですか?
2020年更新。HTMLソリューション
HTML 5 は非常によく開発され、ほとんどの主要なブラウザがそれをサポートしています。そのため、現在ではよりクリーンなアプローチとして
HTML5データ属性
(maxx777 は PHP のソリューションを提供していますが、私はシンプルな HTML を使っています)
. 今回のシナリオのような非数値データには
data-sort
または
data-order
属性に、ソート可能な値を割り当てます。
HTML
<td data-sort='YYYYMMDD'>DD/MM/YYYY</td>
jQueryソリューション
以下は jQueryの解決策 .
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"date-uk-pre": function ( a ) {
var ukDatea = a.split('/');
return (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
},
"date-uk-asc": function ( a, b ) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},
"date-uk-desc": function ( a, b ) {
return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}
} );
上記のコードをスクリプトに追加し、特定のカラムに日付の値を設定するために
{ "sType": "date-uk" }
を、その他はnullとして、以下を参照してください。
$(document).ready(function() {
$('#example').dataTable( {
"aoColumns": [
null,
null,
null,
null,
{ "sType": "date-uk" },
null
]
});
});
関連
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] jQuery に何かを実行する前にすべての画像の読み込みを待つように指示する公式な方法
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] jQueryで5秒待つには?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] JSONPとは何か、素人目にもわかるように説明してくれる人はいませんか?[重複)。
-
[解決済み] jQuery セレクタ。Id Ends With?
-
[解決済み] ボタンやリンクを無効化・有効化する最も簡単な方法とは(jQuery + Bootstrap)
-
[解決済み] jQueryの.ajax()メソッドが私のセッションクッキーを送信しないのはなぜですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] 複数のクラスを削除する(jQuery)
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] jQueryで多段式フォームをリセットする
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?