AngularJS入门教程：日期格式化

Posted 2020-06-14

本地化日期格式化：

• ({{ today | date:‘medium‘ }})Feb 17, 2016 8:46:41 AM
• ({{ today | date:‘short‘ }})2/17/16 8:46 AM
• ({{ today | date:‘fullDate‘ }})Wednesday, February 17, 2016
• ({{ today | date:‘longDate‘ }})February 17, 2016
• ({{ today | date:‘mediumDate‘ }})Feb 17, 2016
• ({{ today | date:‘shortDate‘ }})2/17/16
• ({{ today | date:‘mediumTime‘ }})8:46:41 AM
• ({{ today | date:‘shortTime‘ }})8:46 AM

• 年份格式化：
  1. 四位年份：({{ today | date:‘yyyy‘ }})2016
  2. 两位年份：({{ today | date:‘yy‘ }})16
  3. 一位年份：({{ today | date:‘y‘ }})2016

• 月份格式化：
  1. 英文月份：({{ today | date:‘MMMM‘ }})February
  2. 英文月份简写：({{ today | date:‘MMM‘ }})Feb
  3. 两位数字月份：({{ today | date:‘MM‘ }})02
  4. 一年中的第几个月份：({{ today | date:‘M‘ }})2

• 日期格式化：
  1. 数字日期：({{ today | date:‘dd‘ }})17
  2. 一个月中的第几天：({{ today | date:‘d‘ }})17
  3. 英文星期：({{ today | date:‘EEEE‘ }})Wednesday
  4. 英文星期简写：({{ today | date:‘EEE‘ }})Wed

• 小时格式化：
  1. 24小时制数字小时：({{ today | date:‘HH‘ }})08
  2. 一天中的第几个小时：({{ today | date:‘H‘ }})8
  3. 12小时制数字小时：({{ today | date:‘hh‘ }})08
  4. 上午或下午的第几个小时：({{ today | date:‘h‘ }})8

• 分钟格式化：
  1. 数字分钟数：({{ today | date:‘mm‘ }})46
  2. 一个小时中的第几分钟：({{ today | date:‘m‘ }})46

• 秒数格式化：
  1. 数字秒数：({{ today | date:‘ss‘ }})41
  2. 一分钟中内的第几秒：({{ today | date:‘s‘ }})41

• 毫秒数格式化：
  1. 毫秒数：({{ today | date:‘sss‘ }})150

• 字符格式化：
  1. 上下午标识：({{ today | date:‘a‘ }})AM
  2. 四位时区标识：({{ today | date:‘Z‘ }})+0800

• 自定义日期格式化：
1. 年月日：({{ today | date:‘yyyy-MM-dd‘ }})2016-02-17
2. 时分秒：({{ today | date:‘HH:mm:ss.sss‘ }})08:46:41.150

js代码

var myApp = angular.module(‘myApp‘, []);
myApp.controller(‘MyCtrl‘,[‘$scope‘, ‘$parse‘, function($scope, $parse) {
    $scope.today = new Date();
 }]);