📌  相关文章
📜  如何使用 AngularJS 更改日期格式？(1)

📅  最后修改于: 2023-12-03 15:23:49.664000             🧑  作者: Mango

如何使用 AngularJS 更改日期格式？

在 AngularJS 中，使用 filter 过滤器可以快速而简单地更改日期格式。下面就来具体介绍一下如何使用 filter 过滤器实现更改日期格式。

1. 引入 AngularJS

在 HTML 文件中引入 AngularJS：

<script src="https://cdn.jsdelivr.net/npm/angular/angular.js"></script>
2. 添加 ng-app 和 ng-controller

在 HTML 文件中添加 ng-app 和 ng-controller 以及对应的模块和控制器：

<body ng-app="myApp" ng-controller="myCtrl">
  {{ today | date : 'yyyy-MM-dd' }}
</body>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.today = new Date();
  });
</script>

以上代码中，ng-app 和 ng-controller 分别指定了应用和控制器，today 是指定的日期对象。

3. 使用 filter 过滤器更改日期格式

上面的代码中，{{ today | date : 'yyyy-MM-dd' }} 使用了 date 过滤器来更改日期格式。其中，第二个参数 'yyyy-MM-dd' 指定了要更改成的日期格式。

在实际开发中，常用的日期格式包括：yyyyMMdd、yyyy-MM-dd、yyyy/MM/dd、HH:mm:ss 等。

其他说明
  • 如果要设置指定的日期对象，可以使用 new Date(year, month, day) 或 new Date(year, month, day, hours, minutes, seconds, milliseconds)，其中月份是从 0 开始计算的，注意时区的问题。
  • 如果要获取当前的日期对象，可以使用 new Date()。
Markdown 代码片段：
# 如何使用 AngularJS 更改日期格式？

在 AngularJS 中，使用 `filter` 过滤器可以快速而简单地更改日期格式。下面就来具体介绍一下如何使用 `filter` 过滤器实现更改日期格式。

## 1. 引入 AngularJS

在 HTML 文件中引入 AngularJS：

```html
<script src="https://cdn.jsdelivr.net/npm/angular/angular.js"></script>
2. 添加 ng-app 和 ng-controller

在 HTML 文件中添加 ng-app 和 ng-controller 以及对应的模块和控制器：

<body ng-app="myApp" ng-controller="myCtrl">
  {{ today | date : 'yyyy-MM-dd' }}
</body>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.today = new Date();
  });
</script>

以上代码中，ng-app 和 ng-controller 分别指定了应用和控制器，today 是指定的日期对象。

3. 使用 filter 过滤器更改日期格式

上面的代码中，{{ today | date : 'yyyy-MM-dd' }} 使用了 date 过滤器来更改日期格式。其中，第二个参数 'yyyy-MM-dd' 指定了要更改成的日期格式。

在实际开发中，常用的日期格式包括：yyyyMMdd、yyyy-MM-dd、yyyy/MM/dd、HH:mm:ss 等。

其他说明
  • 如果要设置指定的日期对象，可以使用 new Date(year, month, day) 或 new Date(year, month, day, hours, minutes, seconds, milliseconds)，其中月份是从 0 开始计算的，注意时区的问题。
  • 如果要获取当前的日期对象，可以使用 new Date()。