vue时间转换为时间戳,vue日期转换
这篇文章主要介绍了某视频剪辑软件时间转换的几种方式,需要的朋友可以参考下
VUE 时间转换
做一个项目肯定会关系到很多的数据类型,数据类型之间都是可以转化的,前端有时候从后端拿到的时间不符合标准,此时就需要转换以后再去使用,转换有两种方式,看你个人比较喜欢哪一种。这里已时间转换为例子
过滤器filter
全局过滤器
在主页。射流研究…写入
//时间戳过滤器
Vue.filter(dateFormat ,(dataStr)={
var时间=新日期(dataStr)
函数timeAdd0(字符串){
如果(字符串10) {
str=0 str
}
返回字符串
}
var y=time.getFullYear()
var m=time.getMonth() 1
var d=time.getDate()
var h=time.getHours()
var mm=time.getMinutes()
var s=time.getSeconds()
返回y -时间加0(m)-时间加0(d) 时间加0(h):时间加0(mm):时间加0(s)
})
此时时间戳详细信息。创建时间就会变成过滤器的参数dataStr进行运算
局部过滤器
在某视频剪辑软件单文件中,有过滤属性,和周期函数并列,
注意,此时是过滤不是过滤器局部一般比全局多一个s,比如成分的全局和局部的区别是一样的
已创建(){
},
过滤器:{
日期格式:函数(dataStr){
var时间=新日期(dataStr)
函数timeAdd0(字符串){
如果(字符串10) {
str=0 str
}
返回字符串
}
var y=time.getFullYear()
var m=time.getMonth() 1
var d=time.getDate()
var h=time.getHours()
var mm=time.getMinutes()
var s=time.getSeconds()
返回y -时间加0(m)-时间加0(d) 时间加0(h):时间加0(mm):时间加0(s)
}
},
使用
使用方式全局和局部都是一样的,我们只需要在过滤的数据后面加上就行
跨度发布时间:{ {详细信息。创建时间日期格式} }/span
JS引用转换
在实用工具文件中建一个js,用于时间转换
导出函数tempToData(unixtimestamp2) {
var unixtimestamp=新日期(unixtimestamp2)
var year=1900 unixtimestamp。获取年份()
var month= 0 (unixtimestamp。获取月份()1)
var date= 0 unixtimestamp。获取日期()
var hour= 0 unixtimestamp。获取小时数()
var minute= 0 unixtimestamp。获取分钟数()
var second= 0 unixtimestamp。获取秒数()
返回年份-月份。子串(月。长度-2,月。长度)-日期。substring(date.length-2,date。长度)
hour.substring(hour.length - 2,hour.length):
一分钟。substring(minute.length-2,分钟。长度):
秒.子串(秒。长度- 2,秒。长度)
}
此时我们使用的时候,只要把射流研究…引用,在使用就行
全局引用
在主页。射流研究…引用就行
从" @/实用工具/数据实用工具"导入{ tempToData }
局部引用
在对应的某视频剪辑软件文件中引用
从" @/实用工具/数据实用工具"导入{ tempToData }
使用方式
span { { mTempToData(详细信息。创建时间)} }/span
总结
两种方式各有千秋,但是我个人比较喜欢过滤器过滤器的使用,在学习过程中要学会举一反三
更多关于vue时间转换的方式请查看下面的相关链接
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。