如何使用moment.js以及filter实现vue中的时间格式化过滤器

Dear 丶 2023-06-29 10:45 35阅读 0赞
  1. 第一步，下载moment.js，可以通过 npm install moment --save 命令进行下载

  2. 第二步，创建 filter 文件，引入 moment 和 vue，代码如下所示：

    import Vue from ‘vue’
    import moment from ‘moment’

  3. 第三步，通过 Vue.filter 命令自定义过滤器，创建 date-format 时间格式化过滤器，写出相应的函数，传入 value 以及 formatStr 格式化字符串，最后返回 monent去传值以及 format去传字符串就可以，代码如下所示：

    // 自定义过滤器 date-format
    Vue.filter(‘date-format’, function (value, formatStr = ‘YYYY-MM-DD HH:mm:ss’) {
    return moment(value).format(formatStr)
    })

  4. 第四步，在需要进行格式化时间的地方，去使用过滤器，代码如下所示：

    {
    { shop.time | date-format }}

发表评论

表情：
评论列表 （有 0 条评论，35人围观）

还没有评论，来说两句吧...

相关阅读