前言

通常前端请求回来的时间数据都是时间戳，类似“createTime: 1641446792000”这种，但是页面上显示的不能是这种数据，所以就需要转换正常时间才能使用

提示：以下是本篇文章正文内容，下面案例可供参考

一、html部分使用

代码如下：

   <div class="textvalue"><p>发布单位：xxxxxx</p><p>发布时间：{{ publishTime | formatDate }}</p><p>来源：XXXXX</p></div>

二、js部分数据配置

代码如下：

 data() {return {publishTime:1641446792000//这个时间戳必须是数字属性/number}},filters: {//配置过滤器formatDate: function (value) {//调用时间戳为日期显示let date = new Date(value)let y = date.getFullYear()  //获取年份let m = date.getMonth() + 1  //获取月份m = m < 10 ? "0" + m : m  //月份不满10天显示前加0let d = date.getDate()  //获取日期d = d < 10 ? "0" + d : d  //日期不满10天显示前加0return y + "-" + m + "-" + d//也可以获取更精准时间//let h = date.getHours(),                   //小时//let m = date.getMinutes(),                 //分//let s = date.getSeconds(),                 //秒//let ls = date.getMilliseconds()            //毫秒},},

三、效果展示

截图如下：

总结

当然也有其他的获取日期的方法，例如W3school中的方法
附JavaScript 日期获取方法

在csdn中发布的文章都是免费公开的，帮助自己记忆的同时也希望能帮到更多人，觉得有帮助的可以给博主点个赞，有问题的也欢迎指出来，共同进步

前端如何将时间戳转换日期显示相关推荐

关于JS使用时间戳转换日期的原理
自学JS前端的第n天,今天学习了pink老师JS课程中的时间戳转换日期的代码,一开始看着这段转换代码感觉有点懵,但是随后分析了一下,想明白了这段代码的原理(大佬勿喷,仅仅发表个人见解) d = par ...
【10位时间戳转换日期公式】
10位时间戳转换日期公式时间戳TimeStamp是时间序列中的最基本的数据类型,Pandas可以将整型或浮点型表示的时间转换为时间戳.程序如下: import pandas as pd print( ...
js时间戳转换日期，日期转换时间戳
日期转换时间戳支持获取当前提供日期之前或之后的n天.n小时.n分钟.n秒钟 /*** 获取时间戳* @param date 日期:2022/02/19 13:49:55* @param num 当前 ...
VUE时间戳转换日期格式
VUE时间戳转换日期格式 vue文件 vue文件 <el-descriptions-item label="时间">{{ fromData.sortTime | for ...
Java中时间戳转换日期
String value="79898768";//时间戳 String date=stampToDate(value);//时间戳转换日期//时间戳转换日期方法 public s ...
vue.js 时间戳转换日期格式
时间戳可以理解为过滤器的一种方式,日期格式的转换在项目中也经常遇到,今天我来总结项目中踩过的坑,以及解决方法. 时间戳转换日期格式有三种方法: 方式一运行 cmd 执行 npm install mo ...
时间戳转换日期格式（代码示例）
这里使用的是DateUtil工具类,它会将时间戳转换日期格式,需要的时候调用它就好了 DateUtil工具类 public class DateUtil {public static String t ...
一分钟快速上手uni-app时间戳转换日期格式
uni-app时间戳转换日期格式 1.通过请求获取的数据如下(时间戳) 2.需求中的时间格式: 3.使用的方法:过滤器过滤这里包涵了时分秒,如果不需要自行删除过滤器的参数第一个默认是过滤的数据,第 ...
FILETIME或时间戳转换日期
文章目录一.FILETIME或时间戳转换日期一.FILETIME或时间戳转换日期编程语言用的Qt /c++ 代码如下(示例): 1:FILETIME转日期 // 闰年的判定方法: // ①.普通 ...

前端如何将时间戳转换日期显示

前言

一、html部分使用

二、js部分数据配置

三、效果展示

总结

前端如何将时间戳转换日期显示相关推荐

最新文章

热门文章