AngularJS入门教程：日期格式化

 

• 本地化日期格式化：
  1. ({{ today | date:'medium' }})Aug 12, 2015 9:29:30 PM
  2. ({{ today | date:'short' }})8/12/15 9:29 PM
  3. ({{ today | date:'fullDate' }})Wednesday, August 12, 2015
  4. ({{ today | date:'longDate' }})August 12, 2015
  5. ({{ today | date:'mediumDate' }})Aug 12, 2015
  6. ({{ today | date:'shortDate' }})8/12/15
  7. ({{ today | date:'mediumTime' }})9:29:30 PM
  8. ({{ today | date:'shortTime' }})9:29 PM

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

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

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

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

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

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

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

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

• 自定义日期格式化：
  1. 年月日：({{ today | date:'yyyy-MM-dd' }})2015-08-12
  2. 时分秒：({{ today | date:'HH:mm:ss.sss' }})21:29:30.557

 

本节课程源码：

var myApp = angular.module('myApp', []);

myApp.controller('MyController',['$scope', '$parse', function($scope, $parse) {

    $scope.today = new Date();

 }]);