背景date范例转换为json字符串时,返回前台页面的


玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。

进修springboot框架,写个博客体系,在背景治理的日记治理中,遇到了背景查询的日期花样的结果返回到页面变成了日期的时候戳了。然后探索了两种要领来处理。页面的显现题目以下图.

题目页面回忆:

 

本案例情况和框架:后端SpringBoot框架 jdk1.8,前端bootstrap3 

处理方案:

处理方案分为三种:

第一种:

若是pojo(实体类)对应的字段(日期)范例为Date范例,用Jackson的注解@JsonFormat。 

依靠须要的jar包是:jackson-core.jar,jackson-databind.jar,jackson-annotations.jar,以下如所示

我是SpringBoot项目,自带这三个,只如果maven项目,能够运用我供应的下面这三个jar包依靠

1.1:项目引入jackson依靠jar包
      <dependency>
             <groupId>org.codehaus.jackson</groupId>
             <artifactId>jackson-mapper-asl</artifactId>
             <version>1.9.13</version>
         </dependency>
 
         <dependency>
             <groupId>com.fasterxml.jackson.core</groupId>
             <artifactId>jackson-annotations</artifactId>
             <version>2.8.0</version>
         </dependency>
 
         <dependency>
             <groupId>com.fasterxml.jackson.core</groupId>
             <artifactId>jackson-databind</artifactId>
             <version>2.8.8</version>
         </dependency>
1.2:pojo实体类加注解
      //设置自定义日期花样,并设置时区
 
     @JsonFormat(pattern="yyyy-MM-dd HH:mm",timezone = "GMT 8")
     private Date createDate;

这个注解一样也能够打在get要领上以下

        // 打在get要领上   结果一样
         @JsonFormat(pattern="yyyy-MM-dd HH:mm",timezone = "GMT 8")
         public Date getCreateDate() {
         return createDate;
         }

 

-玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。-
1.3:第一种结果图

 

 

第二种:

若是pojo(实体类)对应的字段(日期)范例为String范例,则在set要领上用字符串截取体式格局。

这类就不须要引入上面那么多依靠jar包了只须要保存一个了

2.1:依靠包导入
        <dependency>
            <groupId>org.codehaus.jackson</groupId>
            <artifactId>jackson-mapper-asl</artifactId>
            <version>1.9.13</version>
        </dependency> 
2.2:实体类编写
public class Log{
    
    private String createDate;
    
    // set and get
    public String getCreateDate() {
        return createDate;
    }
     
    public void setCreateDate(String createDate) {
        this.createDate= createDate.substring(0,10);
    }
2.3:结果展现

 

 

第三种:

应用bootstarp(前端完成)

1.1修正前端js

在你须要转换的日期局部依照以下花样写

{
    title: '操纵时候',
    field: 'createDate',
    align: 'center',
    //猎取日期列的值举行转换
    formatter: function (value, row, index) {
        return changeDateFormat(value)
    }
},
1.2:增添js要领

同时我们须要自定义这个changeDateFormat(obj)要领

//转换日期花样(时候戳转换为datetime花样)
    function changeDateFormat(obj) {
        var dateVal = obj  "";
        if (obj!= null) {
            var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10));
            var month = date.getMonth()   1 < 10 ? "0"   (date.getMonth()   1) : date.getMonth()   1;
            var currentDate = date.getDate() < 10 ? "0"   date.getDate() : date.getDate();
            
            var hours = date.getHours() < 10 ? "0"   date.getHours() : date.getHours();
            var minutes = date.getMinutes() < 10 ? "0"   date.getMinutes() : date.getMinutes();
            var seconds = date.getSeconds() < 10 ? "0"   date.getSeconds() : date.getSeconds();
            
            return date.getFullYear()   "-"   month   "-"   currentDate   " "   hours   ":"   minutes   ":"   seconds;
        }
    }

 结果和上面一样.

 

感谢您的浏览,若是您以为浏览本文对您有资助,请点赞"大拇指"按钮。本文迎接列位转载,然则转载文章以后必须在文章页面中给出作者和原文衔接
-玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。