AngularJS 是一个流行的 JavaScript 框架, 它提供了很多方便的指令和服务来开发强大的 Web 应用程序。在本文中，我们将学习如何使用 AngularJS 来显示当前日期。
日期过滤器
AngularJS 提供了内置的日期过滤器 (date filter) 可以格式化日期。该过滤器可以接受三种类型的参数：日期对象、时间戳或日期字符串。以下是一些常用的日期格式：
| 格式 | 描述 |
|---|---|
| yyyy-MM-dd | 年-月-日 |
| HH:mm:ss | 小时:分钟:秒钟 |
| EEEE | 星期几 |
| MMMM | 月份全名 |
要使用日期过滤器，我们需要将其添加到模板表达式中，并为其提供相应的参数。例如，以下代码将以 yyyy-MM-dd 格式显示当前日期：
<p>今天是 {{ today | date: 'yyyy-MM-dd' }}</p>其中 today 是一个 JavaScript Date 对象，通过 $scope 或控制器传递给视图。
控制器中获取当前日期
为了将当前日期传递给视图，我们需要在控制器中创建一个新的 Date 对象，并将其绑定到 $scope 中。以下是一个示例控制器：
app.controller('MainCtrl', function($scope) {
$scope.today = new Date();
});这个控制器将 today 绑定到当前日期，并且可以在视图中使用。
完整示例
下面是一个完整的 AngularJS 示例，用于显示当前日期：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- - --------------
------- ---------------------------------------------------------------------------------
--------
--- --- - ----------------------- ----
-------------------------- ---------------- -
------------ - --- -------
---
---------
-------
----- -------------------------
------ -- ----- - ----- ------------ ------
-------
-------该示例创建了名为 myApp 的 AngularJS 应用程序，并在 MainCtrl 控制器中绑定了 today 到当前日期。在视图中，我们使用了日期过滤器来格式化日期并显示它。
结论
在本文中，我们学习了如何使用 AngularJS 来显示当前日期。我们使用内置的日期过滤器来格式化日期，并在控制器中获取当前日期并将其绑定到 $scope 中。这个功能很容易实现，并且有助于提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25112