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

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

  
  
  
  
    .c1 {
      color: red;
    }
  



{{time| date:'yyyy-MM-dd EEE HH:mm:ss.sss'}}

{{time| date:'yyyy-MM-dd EEEE hh:mm:ss.sss'}}





本地化日期格式化：
{{time| date:'medium'}}

{{time| date:'short'}}

{{time| date:'fullDate'}}

{{time| date:'longDate'}}

{{time| date:'mediumDate'}}

{{time| date:'shortDate'}}

{{time| date:'mediumTime'}}

{{time| date:'shortTime'}}

年份格式化：：
{{time| date:'yyyy'}}

{{time| date:'yy'}}

{{time| date:'y'}}

月份格式化：
{{time| date:'MMMM'}}

{{time| date:'MMM'}}

{{time| date:'MM'}}

{{time| date:'M'}}

日期格式化：
{{time| date:'dd'}}

{{time| date:'d'}}

星期格式化：
{{time| date:'EEEE'}}

{{time| date:'EEE'}}

小时格式化：
{{time| date:'HH'}}

{{time| date:'H'}}

{{time| date:'hh'}}

{{time| date:'h'}}

分钟格式化：
{{time| date:'m'}}

{{time| date:'mm'}}

秒格式化：
{{time| date:'ss'}}

{{time| date:'s'}}

毫秒格式化：
{{time| date:'sss'}}

字符格式化：
{{time| date:'a'}}
{{time| date:'Z'}}

运行结果：

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

Unix时间戳(timestamp)转换工具：
http://tools.jb51.net/code/unixtime

在线日期/天数计算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器：
http://tools.jb51.net/jisuanqi/datecalc

在线日期天数差计算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq

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

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