vue 格式化日期,vue时间过滤器
这篇文章主要为大家详细介绍了某视频剪辑软件使用过滤器格式化日期，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了某视频剪辑软件使用过滤器格式化日期的具体代码，供大家参考，具体内容如下
案例要求
案例讲解
1、查看未过滤格式化的日期格式
2、设置模板函数格式接收日期值和日期格式
3、按照日期格式对日期进行拼接并返回值
4、将拼接好的日期显示在页面上
最终案例效果
代码
设置日期显示格式
div id=应用程序
div{{date }}/div
div { { date format( yyyy-MM-DD )} }/div
div { { date format( yyyy-MM-DD hh:MM:ss )} }/div
div { { date format( yyyy-MM-DD hh:MM:ss:S )} }/div
/div
脚本类型=text/javascript src=./js/vue.js/script
脚本类型=文本/javascript
//Vue.filter(format ，function (value，arg) {
////控制台。log(arg)；
//if (arg==yyyy-MM-dd) {
//var ret=" "；
//ret=value。getfullyear()-(值。getmonth()1)-值。getdate()；
//返回浸水使柔软
//}
//})
Vue.filter(format ，function (value，arg) {
函数日期格式（日期，格式){
如果(日期类型===字符串){
var MTS=日期。match(/(\/Date \((\ d)\)\/)；
if (mts mts.length=3) {
date=parse int(MTS[2])；
}
}
日期=新日期（日期);
如果(!date date.toUTCString()==无效日期){
返回"";
}
var map={
M: date.getMonth() 1，//月份
d: date.getDate()，//日
h: date.getHours()，//小时
m: date.getMinutes()，//分
s: date.getSeconds()，//秒
问：数学。楼层((日期。getmonth()3)/3)，//季度
S: date.getMilliseconds() //毫秒
};
格式=格式。replace(/([yMdhmsqS])/g，function (all，t) {
var v=map[t]；
如果(v！=未定义){
if (all.length 1) {
v= 0 v
v=v . substr(v . length-2)；
}
回归五；
} else if (t===y) {
return (date.getFullYear() ).substr(4-所有。长度)；
}
全部退回；
});
返回格式；
}
返回日期格式(value，arg)；
})
var vm=new Vue({
埃尔： #app ，
数据：{
日期：新日期(),
},
});
/脚本
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。