JavaScript前台页面使用jsjava对后台传过来的日期进行格式化

冷不防 2022-07-19 11:49 167阅读 0赞

在JavaScript中格式化日期还是一个很麻烦的事情，尤其是后台传过来的数据。

今天介绍一个js的日起格式化工具jsjava。

目前最新版为2.2，不过没有2.0好用，推荐使用2.0

[下载地址][Link 1]

# 引用的js #

在下载的压缩包的src\\jsjava\\text里  
分别是  
Format.js  
DateFormat.js  
SimpleDateFormat.js

![这里写图片描述][20160811120807863]

<script
    src="${pageContext.request.contextPath}/assets/plugins/jsjava/Format.js"></script>
    <script
    src="${pageContext.request.contextPath}/assets/plugins/jsjava/DateFormat.js"></script>
    <script
    src="${pageContext.request.contextPath}/assets/plugins/jsjava/SimpleDateFormat.js"></script>

# 后台返回的数据格式 #

![这里写图片描述][20160811121259284]

# 关键代码 #

function query4Update(id) { 
        $.ajax({
            url : 请求的路径,
            type : 'get',
            success : function(result) { 
                if (result.code == 0) {
                    var sdf=new SimpleDateFormat();
                    sdf.applyPattern("yyyy-MM-dd HH:mm:ss"); 
                    var startTime=new Date(Date.parse(result.data.startTime)); 
                    var strStart=sdf.format(startTime); 
                    console.info(startTime);
                    console.info(strStart);
                } else {
                    ShowFailure("数据加载失败");
                }
            }
        });
    }

# 效果 #

数据库中的数据

![这里写图片描述][20160811121109755]

前台处理的数据

![这里写图片描述][20160811120519097]

[Link 1]: https://sourceforge.net/projects/jsjava/files/OldFiles/jsjava_2_0.zip/download
[20160811120807863]: /images/20220718/9cd06e518bd745d2be76dc59112195f2.png
[20160811121259284]: /images/20220718/149e4d4c0b8c43e39e27d3337fc158ed.png
[20160811121109755]: /images/20220718/98c26ddb11874915aeed627f92397cc0.png
[20160811120519097]: /images/20220718/7c262419d16c4ea6bc061adfdb95547c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关前台传String日期格式后台用Date类型接收

在接收实体的这个字段上添加注解 @DateTimeFormat(pattern = "yyyy-MM-dd") 是后台date传到前台展示时可以帮你转成String

我会带着你远行/ 2022年09月07日 15:58/ 0 赞/ 179 阅读

相关 JavaScript前台页面使用jsjava对后台传过来的日期进行格式化

在JavaScript中格式化日期还是一个很麻烦的事情，尤其是后台传过来的数据。今天介绍一个js的日起格式化工具jsjava。目前最新版为2.2，不过没有2.0好用，推

冷不防/ 2022年07月19日 11:49/ 0 赞/ 168 阅读

相关后台数据传到前台

后台代码 @Override protected void doGet(HttpServletRequest request, HttpServlet

àì夳堔傛蜴生んèń/ 2022年05月29日 04:44/ 0 赞/ 284 阅读

相关 jsp页面获取后台传过来的list集合的长度

在jsp页面导入函数标签库 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/function

旧城等待，/ 2022年05月08日 01:04/ 0 赞/ 209 阅读

相关 javascript 日期格式化

日期格式化是使用率非常高的，一个实用的日期格式化工具能大大提高工作效率。 1、给 Date 函数原型扩展一个 format 方法： / Date函数原型扩展 /

亦凉/ 2022年04月22日 03:04/ 0 赞/ 288 阅读

相关前端传多个id过来,后台进行处理

以前用JPA框架,可以用JPA提供的方法处理多个id,后面用了Mybatis,前端传给我一个字符串的多个ID,格式是1,2,3,4 处理代码是: String[]

以你之姓@/ 2022年03月06日 08:20/ 0 赞/ 544 阅读

相关对前台传过来的实体是否为空进行为空校验的N种方法

首先定义一个注解，如下 import java.lang.annotation.ElementType; import java.lang.annotation.Re

﹏ヽ暗。殇╰゛Y/ 2022年01月05日 03:55/ 0 赞/ 228 阅读

相关 Vue格式化从后台传过来的时间格式

1.下载组件（使用淘宝镜像） cnpm i moment --save 2.在main.js文件引入 import moment from ’moment

红太狼/ 2021年10月30日 00:48/ 0 赞/ 479 阅读

相关页面日期格式化

1.引用<script type="text/javascript" src="/js/xdate.js?version=0.001"></script> 2.在页面加载的时

Dear 丶/ 2021年09月27日 15:08/ 0 赞/ 416 阅读

相关对前台传过来的参数进行校验（前提这些参数来之同一个实体）

/** * 用于校验前端传输的参数为非空 * Created by star on 2017/5/8. */ @Target(...

系统管理员/ 2020年11月14日 23:35/ 0 赞/ 454 阅读