vue中请求的数据时间戳转换时间

前言

下面是vue中将请求的数据中的时间戳转化成标准时间,下面是我总结的两种方式：

第一种方式：

这里是在vue请求的数据中将时间戳转换字符串的

这是代码中的关键部分

//item.add_time  为请求数据中的时间戳
var date = new Date(parseInt(item.add_time) * 1000);item.add_time = `${date.getFullYear()}/${date.getMonth() + 1}/${date.getDay()}${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;

展示的效果是这种的:

如果想将时间转化成：
就需要用到三元运算符

三元运算符

? : 表达式

var a = 3;

var b = 4;

var c =a > b ? 1 : 0

语法：

表达式? 第一个值1:第二个值0;

判断表达式的值，如果a>b结果成立是true则取值1，如果不成立是false则取值第二个值0；

在这里使用三元运算符进行判断：

// 判断小时是否大于12，大于12的话显示下午，否则显示上午
`${date.getHours()>12?'下午'+date.getHours():'上午'+date.getHours()}:${date.getMinutes()}`

然后就展示：

第二种方式：

在main.js中全局注册，来进行时间戳转换

//originVal请求数据中的时间戳
Vue.filter('timefilter',function(originVal){  var  aa=new Date(originVal*1000)let bb=aa.toLocaleString()return bb
})

<text class="timestr">{{ item.create_time|timefilter }}</text>

展示：

toLocaleString() 方法

根据本地时间把 Date 对象转换为字符串：

var d=new Date();
var n=d.toLocaleString();

n 输出结果:

2020/10/14 下午4:57:49

toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串，并返回结果。

以上就是我总结的Vue请求的数据时间戳转换时间的方法！！

vue中请求的数据时间戳转换时间相关推荐

TP5后端,VUE前端请求聚合数据天气接口
问题描述: TP5 当后端 VUE 当前端请求聚合数据天气接口问题解决: 演示效果前端 VUE 代码: <template><div class="whether-t ...
TP5后端,VUE前端请求聚合数据新闻接口
问题描述: TP5当后端,VUE当前端, 请求聚合数据新闻接口演示效果如下: ps: 最开始加载页面的时候,只加载本地的文件(因为请求次数有限制) 问题解决: 1: vue 文件: <temp ...
TP5后端,VUE前端请求聚合数据驾照题库
选择效果: 演示效果: 1: Vue 配置: /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs- ...
TP5后端,VUE前端请求聚合数据成语大全
PS: 聚合接口上描述的是成语大全,其实只是以用户查找字为开头的成语而已.先上演示效果: 1: VUE 前端代码 <template><div class="content ...
TP5后端,VUE前端请求聚合数据过去的今天
先上效果: 1: 前端 vue 文件: <template><!--接口地址 http://v.juhe.cn/todayOnhistory/queryEvent.php参数名类型 ...
vue中使用moment处理时间戳转换成日期或时间格式
vue中使用moment处理时间戳转换成日期或时间格式 npm i moment import moment from 'moment' <template><div>< ...
Vue中如何进行数据可视化大屏展示
Vue中如何进行数据可视化大屏展示在现代数据驱动的应用程序中,数据可视化大屏已经成为了非常重要的一环.通过对海量数据进行可视化展示,可以帮助用户更好地理解和分析数据,从而做出更加明智的决策.在Vue ...
高德地图 Vue 中加载数据可视化 Loca 的方式
高德地图 Vue 中加载数据可视化 Loca 的方式今天想用 Loca 试试如何的,结果怎么都加载不上,我的代码是这样的 AMapLoader.load({key: "这个就不展示了& ...
vue中请求接口怎么封装公共地址_如何修改Vue打包后文件的接口地址配置(转自网络)...
1.背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可.但是最近在做的项目中,涉及到私有化部署,就是 ...

vue中请求的数据时间戳转换时间

前言

以上就是我总结的Vue请求的数据时间戳转换时间的方法！！

vue中请求的数据时间戳转换时间相关推荐

最新文章

热门文章

vue中请求的数据 时间戳转换时间

前言

以上就是我总结的Vue请求的数据时间戳转换时间的方法！！

vue中请求的数据 时间戳转换时间相关推荐

最新文章

热门文章

vue中请求的数据时间戳转换时间

vue中请求的数据时间戳转换时间相关推荐