• 本地化日期格式化:
    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();
 }]);
 

Angular基础教程:表达式日期格式化[转]的更多相关文章

  1. AngularJS入门教程:日期格式化

    AngularJS入门教程:日期格式化[转载] 本地化日期格式化: ({{ today | date:'medium' }})Nov 24, 2015 2:19:24 PM ({{ today | d ...

  2. Angular 基础教程(1)

    简介 什么是AngularJS 一个功能非常完备的前端框架,通过增强HTML的方式提供一种便捷开发Web应用程序的方式 其核心特点就是几乎无任何DOM操作,让开发人员的精力和时间全部集中于业务 MVC ...

  3. Java基础-日期格式化DateFormat类简介

    Java基础-日期格式化DateFormat类简介 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.DateFormat类概述 DateFormat 是日期/时间格式化子类的抽象 ...

  4. Java基础教程:Lambda表达式

    Java基础教程:Lambda表达式 本文部分内容引用自OneAPM:http://blog.oneapm.com/apm-tech/226.html 引入Lambda Java 是一流的面向对象语言 ...

  5. Java SE基础部分——常用类库之SimpleDateFormat(日期格式化)

    取得当前日期,并按照不同日期格式化输入.代码如下: // 20160618 SimpleDateFomat类的使用 日期格式化 练习 package MyPackage; //自己定义的包 impor ...

  6. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  7. jQuery官方基础教程笔记(转载)

    本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计 ...

  8. 《JavaScript基础教程(第8版)》PDF

    简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...

  9. [SQL基础教程] 2-1 SELECT语句基础

    [SQL基础教程] 2-1 SELECT语句基础 列的查询 Syntax SELECT<列名>,..... FROM<表名>; SELECT col_1, col_2 FROM ...

随机推荐

  1. Config配置文件读写

    config文件读写操作(文字说明附加在程序中) App.config文件 <?xml version="1.0" encoding="utf-8" ?& ...

  2. linux学习笔记<命令介绍>

    主要介绍日常工作中一些常用的命令,内容均整理自慕课网 命令提示符 [root@hgs ~]# 其中: root : 当前登录用户 hgs : 主机名 ~ : 当前所在目录(家目录),对于root用户, ...

  3. 全世界最详细的一步一步搭建RAC步骤(一)---安装操作系统RHEL4.6【weber出品】

    全文搭建RAC分为3步骤 <--安装操作系统RHEL4.6> <--配置ASM+裸设备> <--安装集群软件>       <--安装数据库软件>   ...

  4. MyEclipse内存不足的问题

    今早打开MyEclipse莫名其妙弹出提示框,然后我各种搜索,用了网上能查到的各种办法去试图解决问题,方法包括但不限于  修改eclipse.ini .设置Default VM Arguments . ...

  5. UVA11538Chess Queen(组合数学推公式)

    转载请注明出处: http://www.cnblogs.com/fraud/          ——by fraud 题目意思:在n*m的棋盘中放置两个不同的皇后,使得两者能够相互攻击,共有多少种放置 ...

  6. 学习开发jquery插件

    先学习http://www.cnblogs.com/playerlife/archive/2012/05/11/2495269.html http://www.cnblogs.com/fromeart ...

  7. php入门自学小展示

    <!doctype html> <html> <head> <title>PHP函数小展示</title> </head> &l ...

  8. ubuntu 第一次安装时 默认root 密码设置

    Ubuntu刚安装后,不能在terminal中运行su命令,因为root没有默认密码,需要手动设定. 以安装ubuntu时输入的用户名登陆,该用户在admin组中,有权限给root设定密码. 给roo ...

  9. Linux 在一个命令行上执行多个命令(转载)

    对于单个命令执行我想大多数人都是明了的,也就是在一个命令行上执行一条命令.那对于在一行上执行多个命令怎么办呢,其实也很简单,只需在各命令之间加上特殊命令符号,我们常规使用到的有3个特殊命令符号. 1. ...

  10. NET Core & VS Code 之路(2) Web API

    NET Core & VS Code 之路(2) Web API 开发Core项目的条件 Visual Studio 2015 Update 3 .NET Core 1.0.0 - VS 20 ...