Jquery 将日期时间格式从google visualization设置为datatables
我正在尝试使用google visualization加载我的融合表数据,并从中使用datatables 1.10.3显示它 在我的融合表中,日期格式为DD/MM/YYYY 当我使用GVIZ加载时,我的日期格式仍然是dd/mm/yyyy,但当使用数据表显示时,格式更改为例如:2014年10月1日星期三00:00:00 GMT+0700东南亚标准时间 如何更改fusion表dd/mm/yyyy中的格式?我还检查了如何从数据表修复它 论坛,但仍显示错误或未显示为dd/mm/yyyy格式 有人能帮我吗?谢谢你的帮助 我刚刚使用以下方法修复了代码:Jquery 将日期时间格式从google visualization设置为datatables,jquery,google-visualization,datatables,date-format,google-fusion-tables,Jquery,Google Visualization,Datatables,Date Format,Google Fusion Tables,我正在尝试使用google visualization加载我的融合表数据,并从中使用datatables 1.10.3显示它 在我的融合表中,日期格式为DD/MM/YYYY 当我使用GVIZ加载时,我的日期格式仍然是dd/mm/yyyy,但当使用数据表显示时,格式更改为例如:2014年10月1日星期三00:00:00 GMT+0700东南亚标准时间 如何更改fusion表dd/mm/yyyy中的格式?我还检查了如何从数据表修复它 论坛,但仍显示错误或未显示为dd/mm/yyyy格式 有人能帮我吗
$(document).ready(function() {
$('#example').dataTable({
/*
"order": [[ 2, "asc" ]], "columnDefs": [ {
"targets": [ 0, 1 ],
"orderable": false
} ]
*/
"columnDefs": [{
"render": function ( data, type, row ) {
//The date value was 2011/04/25, now it's reversed.
//Wed Sep 10 2014 00:00:00 GMT+0700 (SE Asia Standard Time)
var fullDate = row[4].toString();
date = fullDate.substring(8, 10);
month = fullDate.substring(4, 7);
year =fullDate.substring(11, 15);
fixDate = date.concat(" "+month+" "+year);
return fixDate;
},
"targets": 4,
}]
});
} );
但是我有超过1列如何将代码设置为表ID4,10和我的可排序设置列
"order": [[ 2, "asc" ]], "columnDefs": [ {
"targets": [ 0, 1 ],
"orderable": false
} ]
DataTables示例-基本样式-精简
$document.readyfunction{
$'example'。数据表;
} ;
var XMLHttpRequestObject=false;
如果window.XMLHttpRequest{
XMLHttpRequestObject=新的XMLHttpRequest;
}如果window.ActiveXObject{
XMLHttpRequestObject=新的ActiveXObject Microsoft.XMLHTTP;
}
函数getDatadataSource,divID
{
ifXMLHttpRequestObject
{
var obj=document.getElementByIddivID;
XMLHttpRequestObject.openGET,数据源,true;
XMLHttpRequestObject.onreadystatechange=函数
{
如果XMLHttpRequestObject.readyState==4
&&XMLHttpRequestObject.status==200
{
obj.innerHTML=XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.sendnull;
}
}
DataTables示例基本样式-精简
//脚本表Jenis Pohon
//融合表数据ID
//https://developers.google.com/loader/GoogleLoad
变量FT_TableIDSP='1O5aIPnHBCimWsYg0gOXIeRH6eL-6byD95Nd2pdXR';
加载'visualization','1',{'packages':['corechart','table','geomap']};
函数getTableStatistikPohon{
//使用参数设置查询
var FT\u Query\u StatistikPohon=选择“idStatistikPohon”、“Kelompok Penanam”+
“Tanggal Penanaman”、“Blok Wilayah”、“Jenis Pohon”、“Tingi Pohon”、“Jumlah Pohon”+
“Kondisi Pohon”、“Tanggal Pengecekan Terakhir”来自+FT_TableIDSP+由“idStatistikPohon”订购;
var queryText=encodeURIComponentFT\u Query\u StatistikPohon;
var query=new google.visualization.query'http://www.google.com/fusiontables/gvizdata?tq=“+queryText;
//设置回调函数
query.sendStatistikPohonTable;
}
//将回调设置为在加载Google Visualization API时运行。
$document.readyfunction{
getTableStatistikPohon;
};
$document.readyfunction{
$refereshstatistikpohon.clickfunction{
告警表刷新;
getTableStatistikPohon;
google.setOnLoadCallbackgetTableStatistikPohon;
};
};
函数StatistikPohonTableresponse{
如果!回答{
警报“无响应”;
回来
}
if response.isError{
警报“查询中出错:'+response.getMessage+'+response.getDetailedMessage;
回来
}
//有关响应对象的更多信息,请参阅文档
//http://code.google.com/apis/visualization/documentation/reference.htmlQueryResponse
numRows=response.getDataTable.getNumberOfRows;
numCols=response.getDataTable.getNumberOfColumns;
如果numRows 7{
fusiontabledata+=+response.getDataTable.getValuei,j+;
}
}
fusiontabledata+=;
fusiontabledata+=;
}
fusiontabledata+=;
fusiontabledata+=;
fusiontabledata+=;
fusiontabledata+=;
getElementById'tableStatistikPohon'。innerHTML=fusiontabledata;
$document.readyfunction{
$'example'。数据表;
} ;
}
getTableStatistikPohon;
我根据您的示例表构建了一个小提琴:
工作小提琴手:谢谢罗伯特的回答。我只是更新我的代码片段。我的日期格式是2014年9月10日星期三00:00:00 GMT+0700东南亚标准时间如何使用拆分技术将日期更改为dd/mm/yyyy。我尝试了从,但日期仍然没有更改为dd/mm/YYYY从stackoverflow搜索有解决方案,但如何实现我的代码?当我尝试时,显示错误或不更改任何内容
$(function(){
$('#example').dataTable({
"columnDefs": [
{
"render": function ( data, type, row ) {
//The date value was 2011/04/25, now it's reversed.
return row[4].split("/").reverse().join("/");
},
"targets": 4
}
]
});
});