实现对angular中过滤器的封装

最新推荐文章于 2020-12-22 10:05:51 发布

原创最新推荐文章于 2020-12-22 10:05:51 发布 · 511 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#filter过滤器 #angular #正则

本文介绍了一种在AngularJS中使用自定义过滤器进行日期格式化的实用方法。通过正则表达式匹配并替换字符串中的特定模式来实现，具体步骤包括获取年、月、日，然后用这些值替换预设格式中的占位符。

1.实现这个需求，主要思路是正则匹配数据替换，字符串替换有一个方法replace

    app.filter('formDate', [function() {
        return function(time, format) {
            console.log(arguments);

            // 先单独求出年、月、日
            var date = new Date(time);
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();

            // 然后正则替换
            return format.replace('YYYY', y).replace('MM', m).replace('DD', d);
        };
    }]);