Javascript 在react中使用datatables.net格式化日期
如果这是重复类似的问题,我道歉。我是堆栈溢出新手,曾尝试过搜索类似的堆栈溢出,但运气不佳 我正在尝试将datatables.net与react一起使用,并且已经成功地进行了合理的扩展,但是我在使排序函数能够很好地处理格式化日期方面遇到了困难 最初我用Javascript 在react中使用datatables.net格式化日期,javascript,jquery,reactjs,datatables,Javascript,Jquery,Reactjs,Datatables,如果这是重复类似的问题,我道歉。我是堆栈溢出新手,曾尝试过搜索类似的堆栈溢出,但运气不佳 我正在尝试将datatables.net与react一起使用,并且已经成功地进行了合理的扩展,但是我在使排序函数能够很好地处理格式化日期方面遇到了困难 最初我用 "columnDefs": [ { "targets": 5, "data": "date", "render": function (data, type, row, meta) {
"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
}
]
但是,现在我得到了datetime脚本的以下内容:
无法读取未定义的属性“render”
有人在react中这样做过吗?我现在尝试将dataRender.datetime移到date uk要求之后的一个要求,但现在我被告知jquery没有定义。好吧,似乎您正在将未初始化或不正确的变量传递给任何需要调用的
render
。你到底在哪里把它作为一个组件来传递?是的,对不起,非常新的反应,并且正在从开发人员停止的地方开始。结果表明,许多问题都是通过应用global.jQuery=$排序的;