<
meta
charset
=
"
UTF-8
"
>
<
title
>
</
title
>
<
script
src
=
"
https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js
"
>
</
script
>
<
style
>
.c1
{
color
:
red
;
</
style
>
</
head
>
<
body
ng-controller
=
"
myCtrl
"
>
<
div
>
{
{time| date:'yyyy-MM-dd EEE HH:mm:ss.sss'}}
</
div
>
<
div
>
{
{time| date:'yyyy-MM-dd EEEE hh:mm:ss.sss'}}
</
div
>
<
div
class
=
"
c1
"
>
本地化日期格式化:
</
div
>
<
div
>
{
{time| date:'medium'}}
</
div
>
<
div
>
{
{time| date:'short'}}
</
div
>
<
div
>
{
{time| date:'fullDate'}}
</
div
>
<
div
>
{
{time| date:'longDate'}}
</
div
>
<
div
>
{
{time| date:'mediumDate'}}
</
div
>
<
div
>
{
{time| date:'shortDate'}}
</
div
>
<
div
>
{
{time| date:'mediumTime'}}
</
div
>
<
div
>
{
{time| date:'shortTime'}}
</
div
>
<
div
class
=
"
c1
"
>
年份格式化::
</
div
>
<
div
>
{
{time| date:'yyyy'}}
</
div
>
<
div
>
{
{time| date:'yy'}}
</
div
>
<
div
>
{
{time| date:'y'}}
</
div
>
<
div
class
=
"
c1
"
>
月份格式化:
</
div
>
<
div
>
{
{time| date:'MMMM'}}
</
div
>
<
div
>
{
{time| date:'MMM'}}
</
div
>
<
div
>
{
{time| date:'MM'}}
</
div
>
<
div
>
{
{time| date:'M'}}
</
div
>
<
div
class
=
"
c1
"
>
日期格式化:
</
div
>
<
div
>
{
{time| date:'dd'}}
</
div
>
<
div
>
{
{time| date:'d'}}
</
div
>
<
div
class
=
"
c1
"
>
星期格式化:
</
div
>
<
div
>
{
{time| date:'EEEE'}}
</
div
>
<
div
>
{
{time| date:'EEE'}}
</
div
>
<
div
class
=
"
c1
"
>
小时格式化:
</
div
>
<
div
>
{
{time| date:'HH'}}
</
div
>
<
div
>
{
{time| date:'H'}}
</
div
>
<
div
>
{
{time| date:'hh'}}
</
div
>
<
div
>
{
{time| date:'h'}}
</
div
>
<
div
class
=
"
c1
"
>
分钟格式化:
</
div
>
<
div
>
{
{time| date:'m'}}
</
div
>
<
div
>
{
{time| date:'mm'}}
</
div
>
<
div
class
=
"
c1
"
>
秒格式化:
</
div
>
<
div
>
{
{time| date:'ss'}}
</
div
>
<
div
>
{
{time| date:'s'}}
</
div
>
<
div
class
=
"
c1
"
>
毫秒格式化:
</
div
>
<
div
>
{
{time| date:'sss'}}
</
div
>
<
div
class
=
"
c1
"
>
字符格式化:
</
div
>
<
div
>
{
{time| date:'a'}}
</
div
>
<
div
>
{
{time| date:'Z'}}
</
div
>
<
script
>
var
app
=
angular
.
module
(
"myApp"
,
[
]
)
;
app
.
controller
(
"myCtrl"
,
function
(
$scope
)
{
$scope
.
time
=
1483706518000
;
}
)
;
</
script
>
</
body
>
</
html
>
参考:AngularJS入门教程:日期格式化<!DOCTYPE html><html ng-app="myApp"><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.
import { formatDate } from '@
angular
/common'
import {Component,Inject,LOCALE_ID }from '@
angular
/core';
formatDate(value :string|number|date,format:strin
{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}
其中value为日期表达式,是一个Date对象、数字(从 UTC 时代以来的毫秒数)或一个 ISO 字符串 ;
format是一个要包含的日期、
时间
部分的格式,使用预定义选项或自定义格式字符串——
format包括:s...
angular
在格式化
时间
时不需要自己写方法,内置的管道可以直接使用
在组件中直接使用{{date | date:'yyyy-MM-dd HH:mm:ss'}}
在class中使用
引入 DatePipe import { DatePipe } from '@
angular
/common';
注入 constructor中,constructor(private datePipe: DatePi...
1. 官方文档:
AngularJS
官方网站上有大量的文档和教程,可以帮助您了解基础知识。
2. 视频教程:您可以在 YouTube 或者其他视频分享网站上寻找
AngularJS
相关的视频教程,这样可以帮助您理解代码。
3. 在线课程:您可以选择在线课程学习
AngularJS
,这样可以有系统地学习。
4. 项目实践:您可以尝试着做一些
AngularJS
的项目,这样可以帮助您加深对
AngularJS
的理解。
希望以上建议对您有所帮助!
Android通过代码实现多语言切换、createConfigurationContext、attachBaseContext、getResources、updateConfiguration
android 通过adb shell命令旋转Android屏幕朝向