首页 前端知识 jQuery中把时间戳转换为日期的方法(封装好了直接用)

jQuery中把时间戳转换为日期的方法(封装好了直接用)

2024-04-13 23:04:29 前端知识 前端哥 901 810 我要收藏
<script>
// 封装日期函数
function formatDateTime(inputTime) {
var date = new Date(inputTime);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate();
d = d < 10 ? "0" + d : d;
var h = date.getHours();
h = h < 10 ? "0" + h : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? "0" + minute : minute;
second = second < 10 ? "0" + second : second;
return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
}
</script>
复制

使用前:

使用后: 

部分代码: 

<script>
// 封装日期函数
function formatDateTime(inputTime) {
var date = new Date(inputTime);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate();
d = d < 10 ? "0" + d : d;
var h = date.getHours();
h = h < 10 ? "0" + h : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? "0" + minute : minute;
second = second < 10 ? "0" + second : second;
return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
}
//加载all
function load() {
myAjax.get(
"/article/findAll",
(res) => {
//成功查到数据之后先清空表单,防止数据重复追加
$(".tables tbody").empty();
console.log("查询栏目数据成功", res.data);
//遍历rea.data数组追加到tbody中
res.data.forEach((item, index) => {
//动态追加节点,循环几次追加几次
//????????? 描述
// moment(item.publishTime).format("YYYY-MM-DD HH:mm:ss")
var newTr = $(`
<tr>
<td>${index + 1}</td>
<td>${item.title}</td>
<td>${formatDateTime(item.publishTime)}</td>
<td>${item.categoryId}</td>
<td>
<i class="fa fa-pencil" data-item='${JSON.stringify(item)}'></i>
<i class="fa fa-trash" data-id=${item.id}></i>
</td>
</tr>`);
//追加节点
$(".tables tbody").append(newTr);
});
},
(err) => {
console.log("失败", err);
}
);
}
load();
</script>
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4911.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!