angular 过滤器（日期转换，时间转换，数据转换等）

AngularJS 自定义过滤器示例

最新推荐文章于 2025-09-10 14:53:18 发布

weixin_30781631

最新推荐文章于 2025-09-10 14:53:18 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qq666666/p/7851086.html

本文介绍了一个 AngularJS 应用中自定义过滤器的实现方式，包括空值处理、数值格式化如向下取整、向上取整、百分比显示及毫秒转换为时间格式等功能，并展示了如何将时间戳转换为周几的形式。

(function() {

angular.module('myApp')

.filter('is_null', function() {
return function(input) {
return input || '/';
}
})

//向下取整
.filter('star', function() {
return function(input) {
return Math.floor(input) || 0;
}
})

//向上取整
.filter('unstar', function() {
return function(input) {
return 5 - Math.ceil(input) || 0;
}
})

//百分比

.filter('percent', function() {
return function(input) {
return (input * 100).toFixed(2) || 0;
}
})
// 毫秒转天时分
.filter('formatDuring', function() {
return function(mss) {
var days = parseInt(mss / (1000 * 60 * 60 * 24));
var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
var seconds = (mss % (1000 * 60)) / 1000;
return days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 ";
}
})
//时间戳转换
.filter('getWeek', function() {
return function(input) {
var date = new Date(input * 1000);
var week = date.getDay();
switch (week) {
case 0:
return "星期天";
break;
case 1:
return "星期一";
break;
case 2:
return "星期二";
break;
case 3:
return "星期三";
break;
case 4:
return "星期四";
break;
case 5:
return "星期五";
break;
case 6:
return "星期六";
break;
}
}