美文网首页跨平台开发
vue 2.0 日期过滤器

vue 2.0 日期过滤器

作者: 回调的幸福时光 | 来源:发表于2017-08-02 16:56 被阅读131次

过滤器

Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化。

过滤器使用:

  • mustache插值
  • v-bind表达式

日期转换

  • 参数
    时间戳
    13位: 1501663877978 ms
    10位: 1501573692 s
    注意参数需要是毫秒
  • 结果
    2017-07-20 14:31 周四
  filters: {
    formatDate: function (value) {
      if (!value) return ''
      let date = new Date(value * 1000)
      let year = date.getFullYear()  // 获取完整的年份(4位,1970)
      let month = date.getMonth() + 1  // 获取月份(0-11,0代表1月,用的时候记得加上1)
      let day = date.getDate()  // 获取日(1-31)
      let hour = date.getHours()  // 获取小时数(0-23)
      let minute = date.getMinutes()  // 获取分钟数(0-59)
      let weekDay = date.getDay() > 0 ? date.getDay() - 1 : 6 // 获取星期中的天数(0-6) 0代表周日
      let week = ['一', '二', '三', '四', '五', '六', '日']
      return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ' 周' + week[weekDay]
    }
  }

相关文章

  • vue 2.0 日期过滤器

    过滤器 Vue.js允许你自定义过滤器,可被用作一些常见的文本格式化。 过滤器使用: mustache插值 v-b...

  • vue学习大纲3-过滤器、指令、动画

    自定义过滤器: 在vue1.0中有过滤器,比如: 在vue2.0中所有的内置过滤器都被销毁了,2.0推荐我们自己写...

  • Vue过滤器

    vue2.0取消了自带的过滤器,只能自定义过滤器

  • vue2.0和1.0的区别

    vue2.0跟1.0差别:(总体变化不大) 1.关于过滤器: 2.0移除了自带过滤器,但是保留了自定义过滤器的功能...

  • Vue2.0中Filter的使用问题

    vue2.0里,不再有自带的过滤器,需要自己定义过滤器 在 Vue1.0 中内置了几种实用的过滤器函数如 uppe...

  • VUE初级入门实践

    VUE概述 生命周期 指令 内置指令 自定义指令 过滤器 内置过滤器 VUE1.0版本 VUE2.0版本(无内置过...

  • vue 2.0 过滤器

    在vue1.0中,我们见到过很多的内置过滤器,如 filterBy、orderBy等等,但是在vue 2.0中,这...

  • vue自定义过滤器

    vue2.0废弃了内置过滤器,允许自定义过滤器。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后...

  • Vue2.0系列(六)过滤器

    vue2.0已经废弃了过滤器,需要自定义过滤器,用于一些常见的文本格式化。感觉超级好用!! 过滤器可以用在两个地方...

  • vue2 filter过滤器的使用

    1.先介绍下vue1与vue2的filter区别,也就是vue2更新的地方 a: 2.0将1.0所有自带的过滤器都...

网友评论

    本文标题:vue 2.0 日期过滤器

    本文链接:https://www.haomeiwen.com/subject/jakylxtx.html