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>

参照地址

日期格式的单元格内容应当如何转换为文本格式呢？
 
本文将针对日期格式和文本格式的转换进行简要讲解。
 
 
工具/原料
 
 
EXCEL
 
方法/步骤
 
 
如本例，A列中列示的内容为日期格式，要求将A列中的日期格式转换为文本格式，且最终在B列列示。
 
 
 
选中B2单元格，在单元格中输入运算符号=，然后点击【fx】按钮。
 
 
 
弹出【插入函数】对话框：
 
在【或选择类别】中选择[全部]选项；
 
在【选择函数】中选择函数[TEXT]，这个函数根据指定的数值格式将数字转成文本，然后点击【确定】按钮。
 
 
 
如下图，弹出【函数参数】对话框：
 
将光标移动到第一个参数后面的对话框中，直接选择工作表中的A2单元格；
 
在第二个参数后面的对话框中输入[YYYYMMDD]，参数设置好后点击【确定】按钮。
 
 
 
返回到工作表中，通过以上操作步骤，A2单元格的内容由日期格式就转换为了文本格式。
 
 
 
选中B2单元格，点击鼠标左键拖动鼠标将A2单元格的公式复制到其他单元格。这样，A列中所有的日期格式就转换为了文本格式。
 
 

 转换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)