vue filter 完美时间日期格式的代码
程序员文章站
2022-11-16 08:19:34
vue filter时间日期格式的实例代码如下所示：
{{msg | compfilter('yyyy-...
vue filter时间日期格式的实例代码如下所示：
<template>
<div>{{msg | compfilter('yyyy-mm-dd hh:mm') }}</div>
</template>
<script>
export default {
data() {
return {
msg: new date()
// msg: 10,
}
},
filters: {
compfilter: function(value, format) {
let o = {
"m+": value.getmonth() + 1,![图片描述][1]
"d+": value.getdate(),
"h+": value.gethours(),
"m+": value.getminutes(),
"s+": value.getseconds(),
}
if(/(y+)/.test(format)){
format = format.replace(regexp.$1, (value.getfullyear() + "").substr(4-regexp.$1.length));
for(let k in o) {
if(new regexp(`(${k})`).test(format)){
format = format.replace(regexp.$1, (regexp.$1.length == 1)?(o[k]):(("00" + o[k]).substr((""+o[k]).length)))
}
}
return format;
}
}
},
}
</script>
知识点扩展：
vue filter方法-时间格式化
plugins/filter.js
import vue from 'vue'
// 时间格式化
// 用法：<div>{{data | dataformat('yyyy-mm-dd hh:mm:ss')}}</div>
vue.filter('formatdate', function (value, fmt) {
let getdate = new date(value);
let o = {
'm+': getdate.getmonth() + 1,
'd+': getdate.getdate(),
'h+': getdate.gethours(),
'm+': getdate.getminutes(),
's+': getdate.getseconds(),
'q+': math.floor((getdate.getmonth() + 3) / 3),
's': getdate.getmilliseconds()
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(regexp.$1, (getdate.getfullyear() + '').substr(4 - regexp.$1.length))
}
for (let k in o) {
if (new regexp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(regexp.$1, (regexp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
}
}
return fmt;
})
nuxt.config.js
plugins: ['@/plugins/element-ui', '@/plugins/filters.js'],
总结
以上所述是小编给大家介绍的vue filter 完美时间日期格式的代码 ,希望对大家有所帮助