精华内容
下载资源
问答
  • layui时间戳转换日期时遇到问题

    千次阅读 2019-04-15 02:02:06
    1.templet:"<..."时间戳转换日期,如果我的某条数据的日期为0,此设置会影响我日期为0的数据 未进行时间戳转日期之前的表格显示: 进行时间戳转日期之前的表格显示: 从上面两张图可...

    1.templet:"<div>{{layui.util.toDateString(d.login_time*1000, 'yyyy-MM-dd HH:mm:ss')}}</div>"时间戳转换日期,如果我的某条数据的日期为0,此设置会影响我日期为0的数据

     

    未进行时间戳转日期之前的表格显示:

     

    进行时间戳转日期之前的表格显示:

    从上面两张图可以看到每张图的六条数据是一一对应的,唯独最近登录时间,从第二条开始,都显示了我当前登录时间晚两秒(具体原因不清楚,可能是layui的一个bug吧)

    解决方式:

    最新表格数据显示了我想要的效果,

    展开全文
  • 我使用的layui的2.4.5版本,在util中已经带了格式转换的函数。这里主要记录如何使用。 未使用前在table中显示如下: 前端代码如下: {field:'createDate', title: '退货日期',minWidth:150} 通过模版和...

    我使用的layui的2.4.5版本,在util中已经带了格式转换的函数。这里主要记录如何使用。

    未使用前在table中显示如下:

    前端代码如下:

    {field:'createDate', title: '退货日期',minWidth:150}

    通过模版和util工具类,可以针对时间戳进行格式化:

    {field:'createDate', title: '退货日期',templet:'<div>{{ layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") }}</div>',minWidth:150}

    这里注意: 在模版中一定要加上div标记,否则会提示错误。

    最终显示如下:

     

    转载于:https://www.cnblogs.com/30go/p/10800394.html

    展开全文
  • 今天小编就为大家分享一篇转换layUI的数据表格中的日期格式方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 表格表单日期格式转换

    千次阅读 2019-10-30 14:36:23
    表格中的日期是String类型,而数据库是Date类型,于是页面显示: 可以通过 temple 属性格式化时间, 向layui table表头中添加templet:’{{ Format(d.openingdate,“yyyy-MM-dd”)}}’,就可以格式化字符串 <...

    layui表格中

    表格中的日期是String类型,而数据库是Date类型,于是页面显示:

    在这里插入图片描述

    可以通过 temple 属性格式化时间, 向layui table表头中添加templet:’
    {{ Format(d.openingdate,“yyyy-MM-dd”)}}
    ’,就可以格式化字符串
    <script>
    layui.use(['table','form'], function(){
            var table = layui.table
                ,form = layui.form;
    table.render({
                elem: '#test'
                ,height:400
                ,url:'http://localhost:8080/Basics/findClasses.do'//数据接口
                ,cellMinWidth: 80
                ,id:'content'
                ,page:true//开启分页
                ,cols: [
                    [
                        {type:"checkbox"}
                        ,{field:'classid', width:105, title: '班级', sort: true}
                        ,{field:'classname', width:100, title: '班级名称'}
                        ,{field:'classteacher', width:100, title: '责任老师'}
                        ,{field:'faculty', title: '教员', width: 100}
                        ,{field:'openingdate', width:140, title: '开班日期', sort: true,templet:'<div>{{ Format(d.openingdate,"yyyy-MM-dd")}}</div>'}
                        ,{field:'currentstage', width:140, title: '目前所处阶段'}
                        ,{field:'inschool', title: '是否在校', width:100,templet: function (d) {
                                if (d.inschool == 1) {
                                    return '是';
                                } else if (d.inschool == 0) {
                                    return '否';
                                }
                            }
                        }
                        ,{field:'note', title: '备注', width:147}
                        ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
                    ]
                ]
            });
            </script>
    
    <!--table日期转换格式-->
    <script>
        function Format(datetime,fmt) {
            if (parseInt(datetime)==datetime) {
                if (datetime.length==10) {
                    datetime=parseInt(datetime)*1000;
                } else if(datetime.length==13) {
                    datetime=parseInt(datetime);
                }
            }
            datetime=new Date(datetime);
            var o = {
                "M+" : datetime.getMonth()+1,                 //月份
                "d+" : datetime.getDate(),                    //日
                "h+" : datetime.getHours(),                   //小时
                "m+" : datetime.getMinutes(),                 //分
                "s+" : datetime.getSeconds(),                 //秒
                "q+" : Math.floor((datetime.getMonth()+3)/3), //季度
                "S"  : datetime.getMilliseconds()             //毫秒
            };
            if(/(y+)/.test(fmt))
                fmt=fmt.replace(RegExp.$1, (datetime.getFullYear()+"").substr(4 - RegExp.$1.length));
            for(var k in o)
                if(new RegExp("("+ k +")").test(fmt))
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
            return fmt;
        }
    </script>
    

    效果如下:

    在这里插入图片描述

    layui表单控件中:

    我的问题是:input控件里不显示数据,尝试了${#dates.format(classes.openingdate,‘yyyy-MM-dd’)}这行代码,解决了
    具体代码如下:
    <div class="layui-form-item">
    	<label class="layui-form-label">开班日期:</label>
    	    <div class="layui-input-block">
            	<input type="text" name="openingdate" id="openingdate"  th:value="${#dates.format(classes.openingdate,'yyyy-MM-dd')}" class="layui-input" required ="required" placeholder="yyyy-MM-dd" autocomplete="off"/>
            </div>
    </div>
    
    展开全文
  • 转换layUI的数据表格中的日期格式

    千次阅读 2018-07-31 14:27:07
    转换layUI的数据表格中的日期格式 前端jsp代码 &lt;table class="layui-table" style="width:100%" lay-data="{url:'/why123/user/findUserAll?userType=0', page:true, id:'id...

     转换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的table中,日期怎么转换

    千次阅读 2018-09-16 15:50:58
    {field:'userRegisterTime',title:'注册时间'...&lt;div&gt;{{layui.util.toDateString(d.userRegisterTime,'yyyy-MM-dd HH:mm:ss')}}&lt;/div&gt;"...使用上面写法就可以转换日期了 如图: ...
  • layui前端框架date日期类型转换

    千次阅读 2019-11-29 16:41:51
    项目小结 springBoot+thymeleaf+layui 技术架构:springBoot+thymeleaf+layui 功能模块:文件导入导出 源代码: 前端: <th:block th:include=“include :: header(‘修改授权_授权’)” /> 注册...
  • {field: 'rm_Time', title: '时间', width: '15%', sort: true, fixed: 'left', align: 'center',templet:"<div>{{layui.util.toDateString(d.rm_Time,'yyyy-MM-dd')}}</div>"}
  • 但是回显时候,显示{ Object object },想要转换成字符串格式显示。 layui中显示: 在对应实体类中添加属性:private String createtimestr; 然后添加对应set/get方法,但是方法处理是createtime 但是在...
  • layui数据表格Date日期格式回显Object问题 有属性: private Date createtime; 但是回显时候,显示{ Object object },想要转换成字符串格式显示。 layui中显示: 在对应实体类中添加属性:private ...
  • 利用 ayui.util.toDateString(参数1,参数2) 与layui 模板引擎转换时间格式; 参数1:时间源,时间戳 参数2:时间格式(yyyy-MM-dd HH:mm:ss)自定义 长话短说,直接上代码 // 数据表格中时间列参数 { ...
  • <p><img alt="" height="566" src=...
  • layui表格字段转日期格式

    千次阅读 2018-12-17 16:19:34
    做crm项目里 一个界面需要把数据库数字转换日期格式 今天我就把这个方法写出来  第一种写法:在那个时间里调用下面写时间转换方法 就可以把某一个字段变成标准时间格式! $(function(){ // var $=jQuery=...
  • 日期格式的转换 实体类:在date类型属性上边打如下两个标注 @DateTimeFormat(pattern = "yyyy-MM-dd") @JSONField(format = "yyyy-MM-dd") private Date pressDate; 界面代码 <div class="layui-...
  • 异步获取json数据渲染时,日期时间无法正确回显(回显了时间戳) 修改前 修改后 方法 HTML定义 <div class="layui-col-md6 layui-col-md-offset2" style="margin-top: 30px;opacity: 60%"> <table ...
  • layUI前台"2020-04-01T16:00:00.000+0000"日期格式转换 实现: 2020-04-01T16:00:00.000+0000 => 2020-04-02 00:00:00 注:由于我数据库timeZone是system,所以数据有时差(数据库中date=2020-04-02) {field: ...
  • 转换layUI的数据表格中的日期格式前端jsp代码用户名性别手机号码电子邮箱人气注册时间最后一次登录时间操作js代码:layui.use('laytpl', function(){var laytpl = layui.laytpl;//时间戳的处理layui.laytpl....
  • 日期出现了乱码情况,日期显示是时间戳,不 是显示年月日格式,需要自行转换成格式化时 间。这种方法有很多,下面这个方法比较简单, 写完直接调用就好了; 代码分两部分: 第一部分是对layui表格时间格式化...

空空如也

空空如也

1 2 3
收藏数 41
精华内容 16
关键字:

layui的日期转换