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. 1592: [Usaco2008 Feb]Making the Grade 路面修整

    1592: [Usaco2008 Feb]Making the Grade 路面修整 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 428  Solv ...

  2. PPAPI VS NPAPI

    flash player PPAPI 它的CPU和内存占用率会比较高,主要是因为缓存大多放在内存里而不是硬盘上.   npapi的flash跟ppapi的flash基本是一样的,只不过ppapi插件都 ...

  3. QT 中使用 c++ 的指针

    之前没有接触过 c++,不过听说 c++ 的指针很坑,直到最近在用 QT / C++ 写一个 Linux Deepin 系统上检测网络流量和网速的小程序时,发现 c++ 的指针用起来真的特别蛋疼. 不 ...

  4. 20155304 2016-2017-2 《Java程序设计》第四周学习总结

    20155304 2016-2017-2 <Java程序设计>第四周学习总结 教材学习内容总结 第六章 继承: 概念: 面向对象中,为避免多个类间重复定义共同行为.(简单说就是将相同的程序 ...

  5. ng-clip angualr 的copy功能

    每次写博客都想由衷的给我的老大膜拜一番!以前刚开始做angular的项目的时候就有说要有点击复制的功能因为当时菜啊,不懂啊.也就没做,今天老大又给了我一个资料!“ng-clip”.跟着老大最大的收获就 ...

  6. java根据HashMap中的值将其元素排序

    思路:HashMap或Map本身没有排序功能,若要进行较轻松的排序,可利用ArrayList中的sort方法 例子: import java.util.ArrayList; import java.u ...

  7. 把GIF背景变透明

    准备软件: 1.Ps cs4 2.QuickTime Player 7.74 开始: 1. 2.弹出文件选择框,但是发现不能选择GIF格式. 3.没关系,在文件名框输入*.*回车,就发现可以选择GIF ...

  8. 给IIS添加网站配置权限

    1.新建一个网站,填好名字,路径和主机名端口等等 2.为网站添加一个用户 3.用户隶属于Guests,和IIS_IUSRS 4.把网站的完全控制权限赋给刚才的用户. 在网站右键--编辑权限--安全 或 ...

  9. PyQt QListWidget修改列表项item的行高

    百度,谷歌之后都说用setHintSize(self,QCore.QSize(width,height)),然并卵,后来用qss修改就可以了,具体用法如下 # emaillist是我给QListWid ...

  10. 实验楼-1-Hello world!

    初识实验楼,决定在上面好好的练练手. Course 1 : print "Hello world" 在虚拟机桌面,打开终端Xfce,通过运行linux指令,新建c文件,进行编辑,编 ...