当前位置:主页 > 捏脸代码 >   > vue过滤完美时间日期格式代码

vue过滤完美时间日期格式代码

发布时间:2022-09-05 08:13:44 源自:佚名 阅读(9

vue过滤时间日期格式示例代码如下:

格雷的个人博客


<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.js

import Vue from 'vue'
// 时间格式化
// 用法:
{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}
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过滤器完美时间日期格式的代码。我希望它对你有帮助。如有任何问题,请给我留言完美国际mm代码是几号,小编会及时回复您。非常感谢您对网站的支持!

如果您觉得本文对您有帮助,请转载,请注明出处完美国际mm代码是几号,谢谢!


网站地图 © 2020 - 看开服 蜀ICP备2022016416号-4 免责声明

完美国际私服是中国第一开服网,全年365天保持不间断更新,您可以在这里获得专业的完美私服信息,完善的新完美世界私服网游戏攻略专区,是玩家首选的网络游戏资讯门户网站。

所有作品版权归原创作者所有,与本站立场无关,如不慎侵犯了你的权益,请联系(搜搜搜完美国际私服-www.ssswm.com)告知,我们将做删除处理!