AngularJS入门教程:日期格式化【转载】

  • 本地化日期格式化:
    1. ({{ today | date:'medium' }})Nov 24, 2015 2:19:24 PM
    2. ({{ today | date:'short' }})11/24/15 2:19 PM
    3. ({{ today | date:'fullDate' }})Tuesday, November 24, 2015
    4. ({{ today | date:'longDate' }})November 24, 2015
    5. ({{ today | date:'mediumDate' }})Nov 24, 2015
    6. ({{ today | date:'shortDate' }})11/24/15
    7. ({{ today | date:'mediumTime' }})2:19:24 PM
    8. ({{ today | date:'shortTime' }})2:19 PM
  • 年份格式化:
    1. 四位年份:({{ today | date:'yyyy' }})2015
    2. 两位年份:({{ today | date:'yy' }})15
    3. 一位年份:({{ today | date:'y' }})2015
  • 月份格式化:
    1. 英文月份:({{ today | date:'MMMM' }})November
    2. 英文月份简写:({{ today | date:'MMM' }})Nov
    3. 两位数字月份:({{ today | date:'MM' }})11
    4. 一年中的第几个月份:({{ today | date:'M' }})11
  • 日期格式化:
    1. 数字日期:({{ today | date:'dd' }})24
    2. 一个月中的第几天:({{ today | date:'d' }})24
    3. 英文星期:({{ today | date:'EEEE' }})Tuesday
    4. 英文星期简写:({{ today | date:'EEE' }})Tue
  • 小时格式化:
    1. 24小时制数字小时:({{ today | date:'HH' }})14
    2. 一天中的第几个小时:({{ today | date:'H' }})14
    3. 12小时制数字小时:({{ today | date:'hh' }})02
    4. 上午或下午的第几个小时:({{ today | date:'h' }})2
  • 分钟格式化:
    1. 数字分钟数:({{ today | date:'mm' }})19
    2. 一个小时中的第几分钟:({{ today | date:'m' }})19
  • 秒数格式化:
    1. 数字秒数:({{ today | date:'ss' }})24
    2. 一分钟中内的第几秒:({{ today | date:'s' }})24
  • 毫秒数格式化:
    1. 毫秒数:({{ today | date:'sss' }})579
  • 字符格式化:
    1. 上下午标识:({{ today | date:'a' }})PM
    2. 四位时区标识:({{ today | date:'Z' }})+0800
  • 自定义日期格式化:
    1. 年月日:({{ today | date:'yyyy-MM-dd' }})2015-11-24
    2. 时分秒:({{ today | date:'HH:mm:ss.sss' }})14:19:24.579

本节课程源码

1
2
3
4
var myApp = angular.module('myApp', []);
myApp.controller('MyController',['$scope', '$parse', function($scope, $parse) {
    $scope.today = new Date();
 }]);
参与讨论(0人参与,0条评论)

AngularJS入门教程:日期格式化的更多相关文章

  1. 【转载】图灵AngularJS入门教程

    摘自图灵的AngularJS入门教程:http://www.ituring.com.cn/article/13471 感觉非常不错,所以推荐到首页一下! (一)Hello World! 开始学习Ang ...

  2. AngularJS 入门教程 $http is not defined 解决方案

    采用从git下载的教程, www.angularjs.cn 版本的 入门教程,在第5步的时候 签出文件: git checkout -f step-5 运行将会提示: $http is not def ...

  3. C语言入门教程-(5)格式化输入输出

    1.输入和输出 在程序的使用中,我们经常可以看的这么一个场景:用户需要输入数据,经过程序运算,得到结果后输出.在C语言中,输入数据和输出数据都是由库函数完成的,通过语句来输入/输出. 2.格式化输出— ...

  4. Angular系列---- AngularJS入门教程03:AngularJS 模板(转载)

    是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...

  5. Angular系列----AngularJS入门教程01:AngularJS模板 (转载)

    是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...

  6. Angular系列----AngularJS入门教程00:引导程序(转载)

    我们现在开始准备编写AngularJS应用——phonecat.这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用. 进入angul ...

  7. Angular系列------AngularJS入门教程:导言和准备(转载)

    学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序. 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设 ...

  8. [转载]AngularJS入门教程02:AngularJS模板

    是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...

  9. [转载]AngularJS入门教程00:引导程序

    我们现在开始准备编写AngularJS应用——phonecat.这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用. 进入angul ...

随机推荐

  1. 485. Max Consecutive Ones

    题目 Given a binary array, find the maximum number of consecutive 1s in this array. Example 1: Input: ...

  2. 双系统删除Ubuntu后出现grub界面而无法正常启动Windows系统的解决方法

    第一次安装双系统的时候由于不怎么会弄,设置了ubuntu引导windows,这种方法是非常不推荐的,因为当ubuntu出现问题或者是当你不再使用ubuntu的时候,删除ubuntu就会成为一个很麻烦的 ...

  3. idea 使用常见问题处理

    问题一: 项目中使用了 lombok,但是代码中一直报错,提示 bean 注入失败,set 和 get 方法都飘红 解决:idea 中安装 lombok 插件,安装方法自行百度吧~ 如果是用的 ecl ...

  4. 不可重入定时器Newlife.TimerX

    在.net常用的定时器类有下面三种,使用定时器时需要设定参数,如间断时间.定时器计溢出后的回调函数.延时.开始等,定时器的的主要方法有开始.终止等,不同的定时器实现上述的方法会有一些差异,本文会针对具 ...

  5. Telnet 在win7 和 xp中的使用

    telnet 默认在开启之后 监听23端口.最近在尝试使用这个服务 虽然很多机器默认是不开启telnet这个服务的 但是 万一能够碰到 也是为了自己以后能够熟练起来咯. telnet有服务器跟客户端之 ...

  6. Web Storage

    前面的话 Web存储最初作为HTML5的一部分被定义成API形式,但是后来被剥离出来作为独立的一份标准了.该标准目前还在草案阶段,但其中一部分内容已经被包括IE8在内的所有主流浏览器(可交互地)实现了 ...

  7. oracle监听(lsnrctl)详解解读

    (总结)Oracle监听服务lsnrctl参数及查询状态详解   lsnrctl命令常用参数详解: lsnrctlstart启动指定的监听器 stop关闭指定的监听器 status显示监听器的状态.s ...

  8. 3.WP8.1开发_为控件增加动画

    示例: 把一个按钮的宽度从100变到500 根据WPF的经验,会把代码写成如下: <Grid> <Button x:Name="btn" Content=&quo ...

  9. vue学习笔记 实例(二)

    var data = {a: 1} var vm = new Vue({ el: '#example', data: data, created: function () { // `this` 指向 ...

  10. python3编码问题终结者--还搞不懂你来找我

    python unicode bytes str 编码 首先需要说明一下,该篇文章是以python3为基础的,python2是否适合没有验证过.由于python编码问题确实比较多,文章篇幅可能较长,请 ...