使用datatables.net格式化日期

时间:2018-04-30 11:17:58

标签: javascript jquery reactjs datatables

如果这是重复类似的查询,我道歉。我是堆叠溢出的新手,并尝试搜索类似但没有运气。

我试图使用datatables.net做出反应,并且设法得到了相当的远,但是我无法使用排序函数很好地处理格式化的日期。

最初我用过

"columnDefs": [
    {
        "targets": 5,
        "data": "date",
        "render": function (data, type, row, meta) {
            return moment(data).format('L');
        },
        responsivePriority: 7
    }
]

然而,这不能正确排序。现在我已经通过npm安装了插件,并将以下内容放在组件的顶部:

import React, { Component } from 'react';
import moment from 'moment';
import { Table, Grid, Row } from 'react-bootstrap';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import 'datatables.net-plugins/dataRender/datetime';
import 'datatables.net-dt/css/jquery.dataTables.css';
const $ = require('jquery');
$.DataTable = require('datatables.net');
require('datatables.net-plugins/type-detection/date-uk');
require('datatables.net-responsive');

我的列定义更改为:

"columnDefs": [
    {
        "targets": 5,
        "data": "date",
        "type": "date-uk",
        "render": function (data, type, row, meta) {
            return moment(data).format('L');
        },
        responsivePriority: 7
    }
]

但是现在我得到以下日期时间脚本: Cannot read property 'render' of undefined

有没有人有任何运气这样做反应?

0 个答案:

没有答案