jqueryプラグイン「stupidtable」のDATE型に関して

Question

お世話になります。
有識者の方々のお力を拝借したく質問をさせていただきます。

内容ですが、首記のにもありますとおり
stupidtableのdate型でスクリプトエラーが発生し困っています。

thタグに「data-sort="date"」を設定し、
そのタグをクリックするとエラーが発生します。

「int」「string」は問題なく動きます。
他の個人サイトではdate型のサンプルページもありますが
私と同様のことしかしていないように見えます。

何か別の設定が必要なのでしょうか。

ご解答宜しくお願いいたします。

Answer 1

まず、data-sort="date" を使えるとは記載されていないので、使えないと思います。

【GitHub - joequery/Stupid-Table-Plugin: A stupidly small and simple jQuery table sorter plugin】
https://github.com/joequery/Stupid-Table-Plugin#predefined-data-types

・int
・float
・string (case-sensitive)
・string-ins (case-insensitive)

---

日付の場合はサンプルにも書かれているように data-sort-value にタイムスタンプを入れることで実装出来そうに思います。

<td data-sort-value="672537600">April 25, 1991</td>
```ここに書かれた「672537600」はUnixtimeで「1991-04-25」をあらわしています。（`data-sort="int"` でソートしています）
多分、「20160727」とかでもいいと思います。「201607270042」（2016年07月27日00時42分）とか。

Comments

[koshiDra]

アドバイスありがとうございます。

同僚が下記の手法で解決してくれました。
-------------------------------------------------------------------------------------
var date_from_string = function(str){
var dates = str.split('/');
return new Date(parseInt(dates[0]), parseInt(dates[1])-1, parseInt(dates[2]));
}
var moveBlanks = function(a, b) {
if ( a < b ){
if (a == "")
return 1;
else
return -1;
}
if ( a > b ){
if (b == "")
return -1;
else
return 1;
}
return 0;
};
var moveBlanksDesc = function(a, b) {
if ( a < b )
return 1;
if ( a > b )
return -1;
return 0;
};
var table = $("table").stupidtable({
"date":function(a,b){
aDate = date_from_string(a);
bDate = date_from_string(b);
return aDate - bDate;
},
"moveBlanks": moveBlanks,
"moveBlanksDesc": moveBlanksDesc,
});
-------------------------------------------------------------------------------------

しかしご教授いただいた手法のほうがスマートに実装できそうですね。
明日試してみたいと思います。

本当にありがとうございました。