ligerUI设置时间显示格式不起作用
后台查询出来的数据转换json后 这样显示，
但我在页面上这样显示
请问有什么办法能够设置成自己想要的格式呢，
function f_initGrid(){
//var obj = jsonObject.rows;
g = manager = $("#mainGrid").ligerGrid({
columns: [
{display:'序号',name:'customerId',frozen:true},
{display:'客户编码',name:'customerCode',editor: { type: 'text' }},
{display:'客户名称',name:'customerName',editor: { type: 'text' }},
{display:'生效时间',name:'customerEntrytime',type:'date',editor: { type: 'date' }},
{display:'结束时间',name:'customerEndtime',editor: { type: 'date' }},
{display:'状态',name:'valid', render: function (item){
if(item.valid=="1")
return '已启用';
if(item.valid=="2")
return '已停用';
}},
{display:'操作',isSort:false,render:function(rowdata,rowindex,value){
var h = "";
if(!rowdata.rowindex){
h += "<a href='javascript:beginEdit("+rowindex+")'>修改</a>";
h += "<a href='javascript:deleteRow("+rowindex+")'>删除</a>";
}
else{
h += "<a href='javascript:endEdit(" + rowindex + ")'>提交</a> ";
h += "<a href='javascript:cancelEdit(" + rowindex + ")'>取消</a> ";
}
return h;
}}
],
onSelectRow: function(rowdata,rowindex){
$("#txtrowindex").val(rowindex);
},
enabledEdit : true,
dataAction:'local',
url : 'customer_data.do',
usePager:true,
width:'85%',
height: '100%',
clickToEdit:false, isScroll: true,
dateFormat: "yyyy-MM-dd"
});
求解啊
{ display: '拨打时间', name: 'BDSJ', isSort: false, format: "yyyy-MM-dd HH:mm:ss", width: 140, minWidth: 50 },
请问楼主是否解决了,我也碰到这个问题搞了好久了
今天 做的,也碰到这个问题请问楼主解决了吗?求教
后台**Controller.java，返回jsonStr格式的数据data
Map<String, Object> hzMap=null ;//Map型数据为{Rows=[{PKID=f62ec3a0-93cd-11e9-97aa-54e1adb13ebe, DQID=1, QX=1, LXR=2, LXDH=18731197300, XXDZ=1, YYZZSMJ=1, YBNSRZM=1, KHJB=1, BFCS=1, SFYSB=否, SBSM=1, QTCPYL=1, CPYL=1, ZJBFSJ=2019-06-21 10:40:00.0, BZ=1}, Total=1}
String data = JSON.toJSONString(hzMap); //Map型数据转换成jsonStr，其中日期格式出现时间戳{"Rows":[{"PKID":"f62ec3a0-93cd-11e9-97aa-54e1adb13ebe","DQID":"1","QX":"1","LXR":"2","LXDH":"18731197300","XXDZ":"1","YYZZSMJ":"1","YBNSRZM":"1","KHJB":1,"BFCS":1,"SFYSB":"否","SBSM":"1","QTCPYL":1,"CPYL":1,"ZJBFSJ":1561084800000,"BZ":"1"},"Total":1}
前台**.jsp
<script type="text/javascript">
//表头 配置column 参考链接https://www.cnblogs.com/leoxie2011/archive/2012/01/17/2324485.html#lable1Grid01_04
var gridColumn =[
//{display: '序号', name: 'currentrow', align: 'center', width: 35,frozen:true,isSort:false} ,
{display: '客户id',name: 'PKID',align: 'left',width:300,hide:true} ,
{display: '地区',name: 'DQID',align: 'left',width:120} ,
{display: '区县',name: 'QX',align: 'left',width:120} ,
{display: '联系人',name: 'LXR',align: 'left',width:100} ,
{display: '联系电话',name: 'LXDH',align: 'center',width:95} ,
{display: '详细地址',name: 'XXDZ',align: 'center',width:60} ,
{display: '营业执照扫描件',name: 'YYZZSMJ',align: 'left',width:110} ,
{display: '一般纳税人证明',name: 'YBNSRZM',align: 'center',width:60},
{display: '客户级别',name: 'KHJB',align: 'center',width:60} ,
{display: '拜访次数（钻）',name: 'BFCS',align: 'left',width:120} ,
{display: '是否有设备',name: 'SFYSB',align: 'left',width:120} ,
{display: '设备说明',name: 'SBSM',align: 'left',width:200} ,
{display: '其他产品用量（车/月）',name: 'QTCPYL',align: 'center',width:130} ,
{display: '产品用量（车/月）',name: 'CPYL',align: 'center',width:120} ,
{display: '最近拜访时间',name: 'ZJBFSJ',align: 'left',width:128,type: "date",render : function (record, rowindex, value, column) {
//this 这里指向grid
//record 行数据
//rowindex 行索引
//value 当前的值，对应record[column.name]
//column 列信息
//return value; //返回此单元格显示的HTML内容(一般根据value和row的内容进行组织)
/*这里后台返回来的是返回 1970 年 1 月 1 日至今的毫秒数（即时间戳），例如value="1561084800000"。
可以先用js方法转换为date,然后利用js格式化时间yyyy-MM-ddhh:mm:ss，显示为"2019-06-21 10:40:00"。*/
if(value){
alert(value);//浏览器弹窗显示1561084800000
var val = new Date(value);
return val.format("yyyy-MM-dd hh:mm:ss");
}
return "";
}},
{display: '备注（常用规格，产品使用情况、客户报价等信息）',name: 'BZ',align: 'center',width:300},
];
//列表查询json数据；并在表格处，列表显示数据
function kehuguanli_grid() {
gridparams = formParamJSON("kehuguanli_form");
//在表格处，列表显示数据
grid = $("#kehuguanli_maingrid").ligerGrid({
rownumbers : true,
frozenRownumbers : true,
rownumbersColWidth : 20,
checkbox : true,
columns : gridColumn,
sortName : "",
width : "100%",
height : "100%",
heightDiff : -3,
fixedCellHeight : false,
isScroll : true,
url : "${basepath}kehuguanli/queryKeHuListJSON.action",
parms : gridparams,
method : "post",
dataAction : "server",
root : "Rows",
record : "Total",
pageParmName : "pageNum",
pagesizeParmName : "numPerPage",
sortnameParmName : "orderField",
sortorderParmName : "orderDirection",
usePager : true,
page : 1,
pageSize : 20,
pageSizeOptions : [ 10, 20, 50, 100 ],
//dateFormat: "yyyy-MM-dd hh:mm:ss",//全局设置时间样式，不管用！
onLoadData : function() {
exportExcelButton('${UUID}');
//exportExcelButtonParameter('${UUID}');
},
onSelectRow : function(rowdata, rowid, rowobj) {
//alert(rowdata.zydm);
},
onUnSelectRow : function(rowdata, rowid, rowobj) {
//alert(rowdata.zydm);
}
});
}
/**
* js格式化时间的方法。
* Date的扩展，将 Date 转化为指定格式的String:
* 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符 ;
* 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) ;
*/
Date.prototype.format = function(format) {
var o = {
"M+" : this.getMonth() + 1, // 月
"d+" : this.getDate(), // 日
"h+" : this.getHours(), // 小时
"m+" : this.getMinutes(), // 分钟
"s+" : this.getSeconds(), // 秒
"q+" : Math.floor((this.getMonth() + 3) / 3), // 季度
"S" : this.getMilliseconds() //毫秒
};
if (/(y+)/.test(format)){
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for ( var k in o){
if (new RegExp("(" + k + ")").test(format)){
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]: ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
};
</script>