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. ThinkPhp框架 分页 和session验证的使用

    TP框架分页要使用到类文件,可以使用自己的类文件,也可以使用tp框架自带的类文件. 首先导入分页的类文件(Page.class.php): <?php namespace Home\shuju; ...

  2. ajax(20161110)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. JavaWeb之Listener监听器

    监听在Java体系中运用的很广泛,在安卓开发.JavaWeb开发中到处存在,在其他语言也有类似的,如果有了解过设计模式那很容易理解实现的原理.不过对于开发者来说,使用观察者模式只需实现相应的接口就好, ...

  4. springmvc基础学习3---注解简单理解

    1:@Controller 用来注解这个bean是MVC模型中的一个C 会被spring的auto-scan扫到纳入管理.Spring mvc框架中的action层注入,也就是控制层.控制器Contr ...

  5. git中常见的几个命令

    git中常见的几个命令 本地仓库 三个区域 工作目录 暂存区 本地仓库 文件的四个状态 未跟踪 untracked 已暂存 staged 已提交commited 已修改 modified 基本命令 g ...

  6. ThoughtWorks 一道面试题及解法

    前两天面试ThoughtWorks,有一道家庭作业题,题目如下: Problem Two: Conference Track Management You are planning a big pro ...

  7. nodejs npm常用命令 转

    npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准.有了npm,可以很快的找到特定服务要使用的包,进行下载.安装以及管理已经安装的包. 1.npm install m ...

  8. MySQL从库忽略某些错误

    z熬配置MySQL主从同步的时候常常会因为主库的中SQL语句的错误造成从库的同步出现错误,一旦从库同步出现错误就会造成同步的卡壳影响后续的同步: 可以在从库的配置文件中加入如下的参数,使从库可以自动忽 ...

  9. JAVA循环依赖

    最近看到一个问题:如果有两个类A和B,A类中有一个B的对象b,B类中有一个A的对象a,那么如何解决这两个类的相互依赖关系呢? 示例代码1 public class Test{ public stati ...

  10. 手机自动化测试:Appium源码分析之跟踪代码分析九

    手机自动化测试:Appium源码分析之跟踪代码分析九   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家 ...