当date是链接时,使用moment.js对日期排序不起作用

时间:2015-03-04 21:01:43

标签: datatables momentjs

我正在使用DataTables 1.10.5。当我尝试使用推荐的moment.js(根据http://datatables.net/blog/2014-12-18)对日期进行排序时,认为工作正常:

http://jsfiddle.net/9gohzd9t/1/

但是,当我在该日期添加一个链接(a href)时,它会对链接进行排序而不是日期:

http://jsfiddle.net/dnsL2oc4/1/

如何在没有太多黑客攻击的情况下正确解决这个问题?

1 个答案:

答案 0 :(得分:4)

问题在于datetime-moment.js的非移动方法。 Moment尝试将<a href="12.html">12-01-2001</a>转换为给定“DD-MM-YYYY”-Format中的有效日期,但这显然不是。所以你必须从日期中删除html,可能是这样的函数:

function strip(html) {
   var tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent || tmp.innerText || "";
}

然后在unshift方法中删除字符串(将datetime-moment.js替换为下面的代码):

$.fn.dataTable.moment = function (format, locale) {
  var types = $.fn.dataTable.ext.type;

  // Add type detection
  types.detect.unshift(function (d) {                
      return moment(strip(d), format, locale, true).isValid() ?
          'moment-' + format :
          null;
  });

  // Add sorting method - use an integer for the sorting
  types.order['moment-' + format + '-pre'] = function (d) {
    return moment(strip(d), format, locale, true).unix();
  };
};