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代码是几号，谢谢！

查看更多相关的捏脸代码

上一篇：完美国际女wx代码无聊...用完美的国际女孩毫升代码找一个女孩！是的

下一篇：用不了多久，国内开发者就可以使用虚幻引擎5了

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

相关文章

捏脸代码

热门推荐

标签