时间:2021-05-26
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 完美时间日期格式的代码 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
WordPress可以通过一系列的时间日期函数来控制时间日期的输出,下面介绍几个常用的函数:1、the_date_xml()函数调用格式:复制代码代码如下:输出
根据指定的前后两个日期,计算这两个日期之间各个周的起始时间和结束时间,以及各个月的起始时间和结束时间日志格式化类Date.class.php复制代码代码如下:s
MySQL日期类型:日期格式、所占存储空间、日期范围比较。日期类型存储空间日期格式日期范围-----------------------------------
每次遇到pandas的dataframe某列日期格式问题总会哉坑,下面记录一下常用时间日期函数....1、字符串转化为日期str—>dateimportdate
在很多项目中,都需要将长整型的日期格式转换成其他的日期格式,而在Vue中,我们可以利用自定义相应的filter过滤器来进行dateformat的功能。如果直接引