element 日期格式化,
这篇文章主要介绍了某视频剪辑软件中格式化元素表格中的时间为指定格式,需要的朋友可以参考下
在某视频剪辑软件表格中如果直接绑定时间字段默认显示格式一般为:yyyy-MM-dd HH:mm:ss,但有时候只需要显示年月日或者时分秒,这时我们就可以用到过滤器(过滤器)
vue 基础表格
El-table:data= table data style= width:100%
El-table-column prop= date label=日期宽度= 180 /El-表格-列
El-table-column prop= name label=姓名宽度= 180 /El-表格-列
/el-table
使用过滤器的写法
El-table:data= table data style= width:100%
埃尔-表格-列标签=日期宽度=180
模板槽-范围="范围"
span { { scope。划。日期格式日期( HH:mm:ss )} }/span
/模板
/El-表格-列
El-table-column prop= name label=姓名宽度= 180 /El-表格-列
/el-table
这里把时间转换成年:月:日格式
过滤器的定义方式
在 main.js 中定义一个时间过滤器
//main.js
函数formatDate(date,fmt) {
日期=新日期(日期);
if (typeof(fmt)===undefined) {
fmt= yyyy-MM-DD HH:MM:ss ;
}
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 : (00 str).substr(str。长度));
}
}
返回滤波多音
};
//定义一个时间过滤器
Vue.filter(FormatDate ,function(date,fmt) {
返回formatDate(日期,fmt);
});
结束~
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。