转换layUI的数据表格中的日期格式方法
2019-09-19 09:03
2361 查看
转换layUI的数据表格中的日期格式
前端jsp代码
<table class="layui-table" style="width:100%" lay-data="{url:'/why123/user/findUserAll?userType=0', page:true, id:'idTest'}" lay-filter="demo"> <thead> <tr> <th lay-data="{type:'checkbox', fixed: 'left'}"></th> <th lay-data="{field:'userName',align:'center'}">用户名</th> <th lay-data="{field:'gender',align:'center',width:80}">性别</th> <th lay-data="{field:'mobile',align:'center'}">手机号码</th> <th lay-data="{field:'email',align:'center'}">电子邮箱</th> <th lay-data="{field:'userheat',align:'center',width:100,sort:'true'}">人气</th> <th lay-data="{field:'regDate',align:'center',templet:'<div>{{ layui.laytpl.toDateString(d.regDate) }}</div>'}">注册时间</th> <th lay-data="{field:'lastLogin',align:'center',templet:'<div>{{ layui.laytpl.toDateString(d.lastLogin) }}</div>'}">最后一次登录时间</th> <th lay-data="{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}">操作</th> </tr> </thead> </table>
js代码:
layui.use('laytpl', function(){ var laytpl = layui.laytpl; //时间戳的处理 layui.laytpl.toDateString = function(d, format){ if(d==null||d==''){ return "未登录"; }else{ var date =new Date(d.time) ,ymd = [ this.digit(date.getFullYear(), 4) ,this.digit(date.getMonth() + 1) ,this.digit(date.getDate()) ] ,hms = [ this.digit(date.getHours()) ,this.digit(date.getMinutes()) ,this.digit(date.getSeconds()) ]; format = format || 'yyyy-MM-dd HH:mm:ss'; return format.replace(/yyyy/g, ymd[0]) .replace(/MM/g, ymd[1]) .replace(/dd/g, ymd[2]) .replace(/HH/g, hms[0]) .replace(/mm/g, hms[1]) .replace(/ss/g, hms[2]); } } //数字前置补零 layui.laytpl.digit = function(num, length, end){ var str = ''; num = String(num); length = length || 2; for(var i = num.length; i < length; i++){ str += '0'; } return num < Math.pow(10, length) ? str + (num|0) : num; }; });
注意:
1、需引入laytpl模块
2、后台返回json的String类型,否则如果数据为空,会出错,错误如下:
net.sf.json.JSONException: Object is null net.sf.json.JSONNull.isEmpty(JSONNull.java:69) sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:57) sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) java.lang.reflect.Method.invoke(Method.java:606) com.fasterxml.jackson.databind.ser.BeanPropertyWriter.serializeAsField(BeanPropertyWriter.java:536) com.fasterxml.jackson.databind.ser.std.BeanSerializerBase.serializeFields(BeanSerializerBase.java:663) com.fasterxml.jackson.databind.ser.BeanSerializer.serialize(BeanSerializer.java:156) com.fasterxml.jackson.databind.ser.std.MapSerializer.serializeFields(MapSerializer.java:557) com.fasterxml.jackson.databind.ser.std.MapSerializer.serialize(MapSerializer.java:466) com.fasterxml.jackson.databind.ser.std.MapSerializer.serialize(MapSerializer.java:29) com.fasterxml.jackson.databind.ser.std.CollectionSerializer.serializeContents(CollectionSerializer.java:132) com.fasterxml.jackson.databind.ser.std.CollectionSerializer.serialize(CollectionSerializer.java:94) com.fasterxml.jackson.databind.ser.std.CollectionSerializer.serialize(CollectionSerializer.java:24) com.fasterxml.jackson.databind.ser.std.MapSerializer.serializeFields(MapSerializer.java:557) com.fasterxml.jackson.databind.ser.std.MapSerializer.serialize(MapSerializer.java:466) com.fasterxml.jackson.databind.ser.std.MapSerializer.serialize(MapSerializer.java:29) com.fasterxml.jackson.databind.ser.DefaultSerializerProvider.serializeValue(DefaultSerializerProvider.java:251) com.fasterxml.jackson.databind.ObjectWriter.writeValue(ObjectWriter.java:846) org.springframework.http.converter.json.AbstractJackson2HttpMessageConverter.writeInternal(AbstractJackson2HttpMessageConverter.java:286) org.springframework.http.converter.AbstractGenericHttpMessageConverter.write(AbstractGenericHttpMessageConverter.java:106) org.springframework.web.servlet.mvc.method.annotation.AbstractMessageConverterMethodProcessor.writeWithMessageConverters(AbstractMessageConverterMethodProcessor.java:231) org.springframework.web.servlet.mvc.method.annotation.RequestResponseBodyMethodProcessor.handleReturnValue(RequestResponseBodyMethodProcessor.java:174) org.springframework.web.method.support.HandlerMethodReturnValueHandlerComposite.handleReturnValue(HandlerMethodReturnValueHandlerComposite.java:81) org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:113) org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.invokeHandlerMethod(RequestMappingHandlerAdapter.java:827) org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:738) org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapter.handle(AbstractHandlerMethodAdapter.java:85) org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:967) org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:901) org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:970) org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:861) javax.servlet.http.HttpServlet.service(HttpServlet.java:624) org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:846) javax.servlet.http.HttpServlet.service(HttpServlet.java:731) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:197) org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
以上这篇转换layUI的数据表格中的日期格式方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 转换layUI的数据表格中的日期格式
- layui数据表格时间戳转换为时间格式的方法
- 解决layui数据表格Date日期格式的回显Object的问题
- layui实现把数据表格时间戳转换为时间格式的例子
- 关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题
- 获取字符串格式日期的年月日以及转换为TimeStamp类型的方法
- 关于 javascript 处理json格式日期转换的方法
- dataset数据转换成json的格式通用方法
- js 将long日期格式 转换为标准日期格式方法
- C#实现集合转换成json格式数据的方法
- java日期格式的Object类型转换成String类型的方法
- sql server日期格式转换方法大全
- 【原创】某些金额数据导出为文本格式,转换为数值的Excel 函数方法
- Android SimapleDateFormat 日期格式的转换方法
- javascript;json数据,js转换日期方法。
- ORA-01830: 日期格式图片在转换整个输入字符串之前结束 解决方法
- Java 读取Excel表格数据日期类型转换
- Quartz动态添加、修改和删除定时任务时间的方法以及日期转换cron表达式时间格式工具类
- SQL Server、C#、JS中那些日期和数字格式转换的方法
- 日期类型的数据,格式转换的几种实现方式比较