前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jQuery数据结构渲染(2):时间戳的处理

jQuery数据结构渲染(2):时间戳的处理

作者头像
王小婷
发布于 2025-05-19 08:47:02
发布于 2025-05-19 08:47:02
5500
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

时间的json数据格式:data.json

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{"commitTime": 1588061853944}

示例代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>jQuery数据结构渲染(2):时间戳的处理</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        时间:<div id="commintTime"></div>
    </body>
    <script type="text/javascript">
        $.ajax({
            url: "data.json",
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                //
                var htm = '';
                htm += '' + formatTime(data.commintTime) + '';
                $('#commintTime').html(htm)
            }
        });
        //格式化时间,时间戳的处理
        function formatTime(commintTime) {
            var date = new Date();
            //date.setTime(value);
            var month = date.getMonth() + 1;
            var hours = date.getHours();
            if (hours < 10)
                hours = "0" + hours;
            var minutes = date.getMinutes();
            if (minutes < 10)
                minutes = "0" + minutes;
            var time = date.getFullYear() + "-" + month + "-" + date.getDate() +
                " " + hours + ":" + minutes;
            return time;
        }
    </script>
</html>

显示:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
把https地址作为变量拼接在link/script 内部
下面是之前写的一个交互的例子,直接拿过来用一用啦,最主要的在于将把https地址作为变量拼接在link/script 内部,其余的都是次要的。
王小婷
2020/12/29
8880
jQuery数据结构渲染(4):复选框checkbox赋值
1:当返回值是字符串的时候 data.json: { "circle": "2;3;4;5;6;1" } 示例代码: <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>复选框checkbox自定义样式</title> <meta name="viewport" content="width=device-width, initial-scale=1">
王小婷
2020/05/18
1.2K0
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(1):图片数组的渲染
作为一个前端开发,在日常工作中,会不断的请求接口,调用接口,再对接口的数据进行一定的处理,渲染在前端界面,尤其是在今天前后端分离的时代,这项技能是每个前端开发必备~
王小婷
2020/05/18
2.2K0
jQuery数据结构渲染(1):图片数组的渲染
jQuery数据结构渲染(3):文本和input/textarea框赋值
json数据格式如下: data.json: { "configName": "英语测试作业", "promoter": "王小婷", "suggestion": "单词量不够,多背诵一点哦" } 1:div等文本或者textarea多行文本框赋值,使用.text()的方法赋值 $("#promoter").text(data.promoter); $("#suggestion").text(data.suggestion); 2:in
王小婷
2020/05/18
9210
JS获取当前系统时间戳的方法
1:精确到秒 <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>JS获取当前时间戳的方法</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charse
王小婷
2020/10/23
11.6K0
jQuery将json性别数据int类型进行格式化渲染
<!DOCTYPE HTML> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="https:
王小婷
2022/01/09
7720
jQuery将json性别数据int类型进行格式化渲染
Bootstrap Table使用教程(请求json数据渲染表格)
今天来写一个关于Bootstrap Table使用教程(请求json数据渲染表格) json数据来源于后端小伙伴的接口,我放在本地进行模拟了
王小婷
2019/11/07
7.7K0
Bootstrap Table使用教程(请求json数据渲染表格)
jquery多组时间以对象数组形式保存
需求: 1:点击新增区域的按钮的时候,会新增一行输入框,可以选择输入数据,输入时间 2:输入完成之后,点击保存按钮,将输入的时间以对象数组的格式提交给后端 3:每一组时间是一个对象,每个对象包括开始时间和结束时间, 三组就是三个对象,存放在数组里面。 提交到后端的格式 {"criminalFences":[{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00","stopTime":"17:00"},{"startTime":"09:00"
王小婷
2020/09/27
1K0
jQuery数据渲染,每行显示4个数据,超过四条数据自动换行
[{"name":"体验区统计","numb":0},{"name":"test909","numb":0},{"name":"test910","numb":0},{"name":"111","numb":0},{"name":"test","numb":0},{"name":"test11111","numb":0},{"name":"记忆区统计","numb":0}] 代码: <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org">
王小婷
2022/01/09
5650
jQuery数据渲染,每行显示4个数据,超过四条数据自动换行
jQuery 将时间戳转换为时间
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时间戳转换为时间</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"> </head> <body> <div id="rightalar
王小婷
2021/11/24
2.2K0
jQuery 将时间戳转换为时间
javascript escape()和unescape()区别
escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。
王小婷
2021/07/13
2K1
时间转换:toLocaleDateString()的坑
今天说一个关于toLocaleDateString()的坑。 安卓手机picker 时间选择 默认时间显示英文
王小婷
2020/07/30
1.4K0
复选框checkbox提交数据类型和方法
对应的渲染方法如下: jQuery数据结构渲染(4):复选框checkbox赋值 https://www.jianshu.com/p/3878ff8c76d9
王小婷
2020/05/26
1.5K0
复选框checkbox提交数据类型和方法
jquery点击按钮,添加一行input输入框
点击添加按钮的时候,会添加一行input输入框,使用jquery来实现一下。虽然现在前端开发小伙伴们都不用jquery了,但是,我还是决定要记录一下这个小demo,因为用到的比较多。
王小婷
2020/09/27
5K0
jQuery :contains 选择器
经常与其他元素/选择器一起使用,来选择指定的组中包含指定文本的元素(如下面的例子)。
王小婷
2021/07/08
6940
jQuery带参数跳转,新页面获取url的参数id
a.html <!DOCTYPE HTML> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css
王小婷
2021/06/24
3.4K0
jQuery点击图片开启,再次点击图片关闭效果
要求:jQuery点击图片开启,再次点击图片关闭效果 2:获取选中的图片的状态 并以整型的格式传给后端
王小婷
2022/01/09
8.6K0
jQuery点击图片开启,再次点击图片关闭效果
jQuery带参跳转新页面,新页面获取url多个参数的办法
需求: a页面有多个参数 跳转到b页面 在b页面获取a页面带过来的参数 a.html
王小婷
2025/05/20
1100
jQuery带参跳转新页面,新页面获取url多个参数的办法
相关推荐
把https地址作为变量拼接在link/script 内部
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验