本文介绍了如何在jquery数据表中设置日期格式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用的是jQuery datatables，我有多个带有日期的列，当前数据的格式为2020-06-18 14:32:45.707，我希望将其格式化并显示为18/06/2020 14.32。

我在DataTables中应用了datetime插件，但仍然无法使其工作。

我当前正在使用：

render: function(data) {
  return moment(data).format('DD/MM/YYYY HH:mm');
}

运行正常。但我想使用Render：

render: $.fn.dataTable.render.moment('DD/MM/YYYY HH:mm')

moment.js和datetime.js如documentation所说，我应该申请：

$.fn.dataTable.render.moment(to);

当我使用此方法时，我的日期在我的表格中显示为"无效日期"。 下面是一个演示。

您能给我解释一下我哪里做错了吗？：

$.fn.dataTable.render.moment('DD/MM/YYYY HH:mm')

我有另一种有效的方法，但我想从我的错误中学习，因为我花了很多时间调查，但找不到问题。非常感谢。

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

$(document).ready(function() {
  $('#example').DataTable({
    "columnDefs": [{
      //render: $.fn.dataTable.render.moment( 'DD/MM/YYYY HH:mm' )
      "render": function(data) {
        return moment(data).format('DD/MM/YYYY HH:mm');
      },
      "targets": 1
    }]
  });
});

  

    

      
date before format
      
date after format
    
  
  

    

      
2020-06-18 14:32:45.707
      
2020-06-18 14:32:45.707
    
  

推荐答案

您的问题在此：

// Argument shifting
if (arguments.length === 1) {
  locale = 'en';
  to = from;
  from = 'YYYY-MM-DD';
}

默认发件人为'YYYY-MM-DD'，您需要指定您的源格式。

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

const FROM_PATTERN = 'YYYY-MM-DD HH:mm:ss.SSS';
const TO_PATTERN   = 'DD/MM/YYYY HH:mm';

$(document).ready(function() {
  $('#example').DataTable({
    columnDefs: [{
      render: $.fn.dataTable.render.moment(FROM_PATTERN, TO_PATTERN),
      targets: 1
    }]
  });
});

  

    

      
date before format
      
date after format
    
  
  

    

      
2020-06-18 14:32:45.707
      
2020-06-18 14:32:45.707
    
  

这篇关于如何在jQuery数据表中设置日期格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持吉威生活！

[英文标题]how to format date in jQuery DataTables

声明：本媒体部分图片、文章来源于网络，版权归原作者所有，如有侵权，请联系QQ:330946442删除。