vue 时间转换,vue时间转换为时间戳
这篇文章主要介绍了某视频剪辑软件中常见的时间格式转换,需要的朋友可以参考下
项目中后台返回的时间有多种形式,时间戳、ISO标准时间格式等,我们需要转化展示成能看的懂得时间格式:
1、将2020-06-27T14:20:27.000000Z 时间格式转换成 2020-06-27 14:20:27
可以将方法定义为全局过滤器,或全局方法方便引用
Vue.filter(格式,函数(日期){
var json_date=新日期(日期)。to JSON();
返回新日期(新日期(json_date) 8 * 3600 * 1000).toISOString().替换(/T/g, ).替换(/\。[\d]{3}Z/,)
})
{{timeVal format}}
2、将时间戳格式化
函数formatDate(date,fmt) {
if (/(y )/.测试(fmt)) {
fmt=fmt.replace(正则表达式1美元,(date.getFullYear() ).substr(4 - RegExp .$1.length))
}
让o={
M : date.getMonth() 1,
d : date.getDate(),
h : date.getHours(),
m : date.getMinutes(),
s : date.getSeconds()
}
对于(让k在o中){
if (new RegExp(`(${k})`).测试(fmt)) {
设str=o[k]
fmt=fmt.replace(正则表达式。$1,(正则表达式. length===1)?str : padLeftZero(str))
}
}
返回滤波多音
}
函数padLeftZero(字符串){
返回( 00 字符串)。substr(字符串长度)
}
使用方法:
格式化日期(日期,年-月-日hh:MM’);
格式化日期(日期,“yyyy-MM-DD”);
3、Vue中使用moment.js(时间格式化插件);
安装moment.js插件
新公共管理安装时刻-保存
定义全局过滤器
从"时刻"导入时刻;
Vue.filter(dateFormat ,function(value,format)){
返回力矩(值)。格式(格式);
}
使用方法:
{ {时间日期格式( YYYY-MM-DD HH:mm:ss)}}
直接在某视频剪辑软件中定义成时间格式方法:
从"时刻"导入时刻;
Vue.prototype. $ moment=moment
在某视频剪辑软件文件中当作方法使用
这个时刻(timeVal).格式( YYYY-MM-DD );//2022-02-11
更多关于vue常见时间格式转换请查看下面的相关链接
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。