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. C# 使用 USB转串 接收数据 问题

    C# 使用 USB转串 接收数据的 问题 硬件设备是MicroUSB接口,通过USB转串驱动接入PC机.自己用winForm写了一个读取串口数据的小程序,总是接收不到数据. 用传sscom32串口工具 ...

  2. 如何javascript获取css中的样式

    obj.style.height只能获取行间样式,但是我们要怎么获取写在css文件中的样式呢? 首先我们要用一个新的方法currentStyle.这个方法由current和style两个单词组成意思是 ...

  3. linux yum下载文件的存放位置

    默认是: /var/cache/yum也可以在 /etc/yum.conf 指定cachedir=/var/cache/yum #存放目录keepcache=1 #1为保存 0为不保存metadata ...

  4. 图解Javascript——作用域、作用域链、闭包

    什么是作用域? 作用域是一种规则,在代码编译阶段就确定了,规定了变量与函数的可被访问的范围.全局变量拥有全局作用域,局部变量则拥有局部作用域. js是一种没有块级作用域的语言(包括if.for等语句的 ...

  5. JavaWeb之JDBC

    一.介绍 C#定义了ADO.Net接口来实现对SQLServer.Oracel等数据库的访问,那Java定义了JDBC接口实现对数据库的访问,数据库提供商只要实现这些接口,Java语言就能访问数据库. ...

  6. winow7安装django 1.9.1

    1.下载django https://www.djangoproject.com/download/ 2.解压,并到该目录下 执行 python setup.py install 3.验证是否安装成功 ...

  7. try{} catch(…){} 讨论(转)

    以前都是用try{} catch(…){}来捕获C++中一些意想不到的异常, 今天看了Winhack的帖子才知道,这种方法在VC中其实是靠不住的.例如下面的代码: .try .{ .BYTE* pch ...

  8. 关于commonjs,AMD,CMD之间的异同

    1.简介 随着前端业务复杂度的增加,模块化成为一个大的趋势.而在ES6还未被浏览器所支持的情况下,commonjs作为ES6中标准模块加载方案,在客服端中的支持情况并不好,现在在客服端中有2中模块化的 ...

  9. IDMC制造业ERP业务场景测试之一——硅钢片制造业务流程测试

    一.测试地址 硅钢片业务测试数据库地址为:http://www.bonawifi.com,测试数据库名字为SiliconSteelSheet,测试账号:用户名demo ,密码demo 二.业务说明 根 ...

  10. JavaWeb之cookie

    什么叫做会话 ? 用户从打开一个浏览器开始,浏览器网站,到关闭浏览器的整个过程叫做一次会话! 每个用户与服务器进行交互的过程中,各自会有一些数据,程序要想办法保存每个用户的数据. 例如:用户点击超链接 ...