模板引擎时间格式过滤器复制粘贴即可使用 13

最新推荐文章于 2021-10-12 20:37:04 发布

原创最新推荐文章于 2021-10-12 20:37:04 发布 · 347 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种在模板引擎中实现时间格式化的过滤器方法，通过自定义函数padZero和dateFormat，可以将原始时间戳转换为易于阅读的日期时间格式。此方法适用于需要在前端展示日期时间的应用场景。

需要引入 template-web.js 才能使用
{{ $value.time | dateFormat }} 使用的格式
在需要过滤的内容后面加上 | dateFormat 即可

   // 给时间补零的函数
    function padZero(n) {
        if (n < 10) {
            return '0' + n
        } else {
            return n
        }
    }

    // 定义格式化时间的过滤器
    template.defaults.imports.dateFormat = function (dtStr) {
        var dt = new Date(dtStr)

        var y = dt.getFullYear()
        var m = padZero(dt.getMonth() + 1)  
        var d = padZero(dt.getDate())

        var hh = padZero(dt.getHours())
        var mm = padZero(dt.getMinutes())
        var ss = padZero(dt.getSeconds())

        return y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
    }