📅 最后修改于: 2023-12-03 14:52:02.676000 🧑 作者: Mango
若你正在使用AngularJS，你可能需要对日期进行格式化。在AngularJS中，可以使用过滤器来对日期进行格式化。本文将介绍如何使用AngularJS过滤器更改日期格式。
AngularJS内置了一个日期过滤器——date。date过滤器可以将JavaScript日期对象或ISO字符串转换为字符串，并按指定的格式进行格式化。
以下是使用内置的日期过滤器的示例：
<!DOCTYPE html>
<html>
<head>
<title>如何使用AngularJS更改日期格式？</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body ng-app="dateFormatApp">
<!-- 使用date过滤器进行日期格式化 -->
<div ng-controller="dateFormatCtrl">
<p>{{ currentDate | date : 'yyyy/MM/dd' }}</p>
</div>
<script>
angular.module('dateFormatApp', [])
.controller('dateFormatCtrl', function($scope){
$scope.currentDate = new Date();
});
</script>
</body>
</html>
上述示例中，我们在<p>标签中使用了date过滤器，将$scope.currentDate日期格式化为yyyy/MM/dd的格式。
如果date过滤器无法满足你的需求，你可以编写自己的日期格式过滤器。以下是自定义日期格式过滤器的示例：
<!DOCTYPE html>
<html>
<head>
<title>如何使用AngularJS更改日期格式？</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
</head>
<body ng-app="dateFormatApp">
<!-- 使用自定义的日期格式过滤器进行日期格式化 -->
<div ng-controller="dateFormatCtrl">
<p>{{ currentDate | customDateFormat : 'yyyy/MM/dd' }}</p>
</div>
<script>
angular.module('dateFormatApp', [])
.controller('dateFormatCtrl', function($scope){
$scope.currentDate = new Date();
})
.filter('customDateFormat', function($filter){
return function(input, format){
return $filter('date')(input, format);
};
});
</script>
</body>
</html>
上述示例中，我们新建了一个名为customDateFormat的过滤器，该过滤器接受两个参数：input和format。在该过滤器中，我们调用了内置的date过滤器，并以传入的format参数进行格式化。
在AngularJS中进行日期格式化，我们可以使用内置的date过滤器，也可以编写自定义的日期格式过滤器。以上就是如何使用AngularJS更改日期格式的全部内容。