在AngularJS中，控制器(controller.js)是用于处理视图逻辑的基本组件之一。在应用程序中，我们通常需要将时间和日期格式化为易于阅读的形式。这时候就可以使用AngularJS提供的过滤器($filter)。
过滤器介绍
过滤器是AngularJS中的一个重要概念，它们用于转换和格式化数据。过滤器通常用于模板表达式中，在HTML中以管道符(|)的形式出现，例如：{{ expression | filter }}。AngularJS内置了一些常用的过滤器，如currency、date、uppercase、lowercase等。
使用过滤器格式化日期/时间实例
在AngularJS中，可以使用date过滤器将日期/时间格式化为所需的字符串格式。具体来说，可以使用以下代码将日期格式化为“年-月-日”的形式：
<!-- 在 HTML 中使用 -->
<p>{{ date | date:'yyyy-MM-dd' }}</p>// 在 JavaScript 中使用
$filter('date')(new Date(), 'yyyy-MM-dd');其中，第一个参数是需要格式化的日期对象，第二个参数是格式化字符串。
除了支持“年-月-日”格式外，date过滤器还支持其他常见的日期格式，例如：
- yyyy-MM-dd: 年-月-日
- yyyy/MM/dd: 年/月/日
- dd/MM/yyyy: 日/月/年
- MMMM d, y: 月份 日，年份（例如：April 7, 2023）
- h:mm a: 小时:分钟 am/pm（例如：11:30 AM）
除了使用内置的date过滤器，AngularJS还提供了自定义过滤器的功能。通过创建自定义过滤器，我们可以实现更为复杂的数据转换和格式化操作。
自定义过滤器示例代码
以下是一个自定义过滤器的示例代码，它将输入的时间戳转换为“年-月-日”格式：
-- -------------------- ---- -------
----------------------- ---
------------------------------ ---------- -
------ ------------------- -
--- ---- - --- -------------- - ------
--- ---- - -------------------
--- ----- - ---- - ---------------- - -------------- -- ----
--- --- - ---- - -------------------------- -- ----
--- ------------- - ---- - --- - ----- - --- - ----
------ --------------
--
---在上面的代码中，首先使用angular.module方法创建一个名为“myApp”的模块，然后通过调用.filter方法来创建名为“timestampToDateTime”的过滤器。该过滤器接受一个时间戳参数，并将其转换为“年-月-日”格式的字符串。
在HTML模板中，可以使用以下代码来应用这个自定义过滤器：
<!-- 在 HTML 中使用 -->
<p>{{ timestamp | timestampToDateTime }}</p>总结
在AngularJS中，过滤器是一种常用的工具，用于格式化和转换数据。通过使用内置的date过滤器或自定义过滤器，我们可以方便地将日期或时间格式化为所需的字符串格式。希望这篇文章对你在学习和使用AngularJS时有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/1957