AngularJS日期格式化常见操作实例分析

本文实例讲述了AngularJS日期格式化常见操作。分享给大家供大家参考，具体如下：

！DOCTYPE html html ng-app=' myApp ' head lang=' en ' meta charset=' UTF-8 ' titlewww.jb51.net AngularJS日期格式化/title脚本src=' http :http://apps。bdimg。com/libs/angular。js/1。4 .6/棱角分明。量滴js '/脚本样式。C1 {颜色：红；}/style/head body ng-controller=' myCtrl '！-格式：年-月-日星期时：分：秒。毫秒-div { { time | date : ' yyyy-MM-DD EEE hh :MM :s。SSS ' }/div！-2017-01-06 Fri 20:41:58.000-div { { time | date : ' yyyy-MM-DD EEEE hh :MM : ss。SSS ' } }/div！- 2017-01-06星期五08:41:58.000 -!- EEE:简写英文星期- !-EEEEE:英文星期- !- HH:24小时制- !-12点小时制- div class='c1 '本地化日期格式化：/div div { { time | date : ' medium ' } }/div！-2017年3月8日9:26:08am-div { { time | date : ' short ' } }/div！-3/8/17 9:26am-div { { time | date : ' full date ' } }/div！-2017年3月8日星期三-div { { time | date : ' long date ' } }/div！-2017年3月8日-div { { time | date : '中日期' } }/div！-2017年3月8日-div { { time | date : '短日期' } }/div！-3/8/17-div { { time | date : ' medium time ' } }/div！-9:26:08am-div { { time | date : ' short time ' } }/div！- 9:26 AM - div class='c1 '年份格式化：/div div { { time | date : ' yyyy ' } }/div！-四位年份：2017-div { { time | date : ' YY ' } }/div！-二位年份：17-div { { time | date : ' y ' } }/div！-一位年份：2017 - div class='c1 '月份格式化：/div div { { time | date : ' MMMM ' } }/div！-英文月份：March-div { { time | date : ' MMM ' } }/div！-英文月份简写：Mar-div { { time | date : ' MM ' } }/div！-两位数字月份：03-div { { time | date : ' M ' } }/div！- 1年中的第几个月份：3格类='c1 '日期格式化：/div div { { time | date : ' DD ' } }/div！-数字日期：08-div { { time | date : ' d ' } }/div！- 1个月中的第几天：8 - div class='c1 '星期格式化：/div div { { time | date : ' EEEE ' } }/div！-英文星期：星期三-div { { time | date : ' EEE ' } }/div！-英文星期简写：Wed - div class='c1 '小时格式化：/div div { { time | date : ' HH ' } }/div！- 24小时制数字小时：19-div { { time | date : ' H ' } }/div！- 1天中的第几个小时：19-div { { time | date : ' hh ' } }/div！- 12小时制数字小时：07-div { { time | date : ' h ' } }/div！-上午或下午的第几个小时：7 - div class='c1 '分钟格式化：/div div { { time | date : ' m ' } }/div！-数字分钟数：26-div { { time | date : ' mm ' } }/div！- 1个小时中的第几分钟：26 - div class='c1 '秒格式化：/div div { { time | date : ' ss ' } }/div！-数字秒数：08-div { { time | date :s ' } }/div！- 1分钟中内的第几秒：8 - div class='c1 '毫秒格式化：/div div { { time | date : ' SSS ' } }/div！-毫秒数：301 - div class='c1 '字符格式化：/div div { { time | date : ' a ' } }/div { { time | date : ' Z ' }/div！-上下午标识：AM -！-四位时区标识：0800 -脚本var app=angular.module('myApp '，[])；app.controller('myCtrl '，函数($ scope){/$ scope。时间=新日期()；$ scope . time=1483706518000 })；/脚本/正文/html运行结果：

PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用：

Unix操作系统操作系统时间戳（时间戳)转换工具：http://工具。JB 51。网络/代码/UNIX时间

在线日期/天数计算器：http://工具。JB 51。net/jisuanqi/date _ jisuanqi

在线日期计算器/相差天数计算器：http://工具。JB 51。net/jis uan qi/日期计算

在线日期天数差计算器：http://工具。JB 51。net/jis uan qi/online datejsq

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。