AngularJS | 日期过滤器

日期过滤器是AngularJS中最常用的过滤器之一，它可以将日期格式化为各种不同的形式，在数据绑定中使用。本篇文章将介绍AngularJS日期过滤器的用法和常用格式。

用法

在AngularJS中，可以使用 date 过滤器来格式化日期。 date 过滤器可以接受三个参数：格式、时差和Locale。

语法： {{ date_expression | date : format : timezone : locale }}

其中，date_expression 是一个包含日期的表达式。 format 是指定要显示的日期格式的字符串。 timezone 是时差，默认使用本地时差。 locale 是指定日期地区的本地设置，默认使用浏览器所在的本地设置。

例子：

// 显示当前时间
<span>{{ date | date }}</span>

// 使用自定义格式显示当前时间
<span>{{ date | date:'yyyy/MM/dd HH:mm:ss' }}</span>

// 显示北京时间
<span>{{ date | date:'yyyy/MM/dd HH:mm:ss' : '+800' }}</span>

// 显示英文日期格式
<span>{{ date | date:'fullDate' : undefined : 'en-US' }}</span>

常用格式

下面列出了常用的日期格式字符串：

| 字符串 | 描述 | | --- | --- | | yyyy | 4 位年份 | | yy | 2 位年份 | | MMMM | 月份全称 | | MMM | 月份缩写 | | MM | 2 位月份 | | M | 1-2 位月份 | | dddd | 星期全称 | | ddd | 星期缩写 | | dd | 2 位日期 | | d | 1-2 位日期 | | HH | 24 小时制 2 位小时数 | | H | 24 小时制小时数 | | hh | 12 小时制 2 位小时数 | | h | 12 小时制小时数 | | mm | 2 位分钟数 | | m | 1-2 位分钟数 | | ss | 2 位秒数 | | s | 1-2 位秒数 | | a | 上午/下午 | | Z | 时差 |

例子：

// yyyy/MM/dd
<span>{{ date | date:'yyyy/MM/dd' }}</span>

// MMMM dd, yyyy
<span>{{ date | date:'MMMM dd, yyyy' }}</span>

// HH:mm:ss
<span>{{ date | date:'HH:mm:ss' }}</span>

// hh:mm:ss a
<span>{{ date | date:'hh:mm:ss a' }}</span>

总结

日期过滤器是AngularJS中非常有用和常用的一个过滤器。它可以轻松地将日期格式化为所需的样式，并在HTML中方便地使用。 本篇文章介绍了日期过滤器的使用和常用的格式化字符串。 如需进一步了解AngularJS的过滤器，请查看AngularJS文档。