AngularJS入门教程:日期格式化
AngularJS入门教程:日期格式化【转载】
- 本地化日期格式化:
- ({{ today | date:'medium' }})Nov 24, 2015 2:19:24 PM
- ({{ today | date:'short' }})11/24/15 2:19 PM
- ({{ today | date:'fullDate' }})Tuesday, November 24, 2015
- ({{ today | date:'longDate' }})November 24, 2015
- ({{ today | date:'mediumDate' }})Nov 24, 2015
- ({{ today | date:'shortDate' }})11/24/15
- ({{ today | date:'mediumTime' }})2:19:24 PM
- ({{ today | date:'shortTime' }})2:19 PM
- 年份格式化:
- 四位年份:({{ today | date:'yyyy' }})2015
- 两位年份:({{ today | date:'yy' }})15
- 一位年份:({{ today | date:'y' }})2015
- 月份格式化:
- 英文月份:({{ today | date:'MMMM' }})November
- 英文月份简写:({{ today | date:'MMM' }})Nov
- 两位数字月份:({{ today | date:'MM' }})11
- 一年中的第几个月份:({{ today | date:'M' }})11
- 日期格式化:
- 数字日期:({{ today | date:'dd' }})24
- 一个月中的第几天:({{ today | date:'d' }})24
- 英文星期:({{ today | date:'EEEE' }})Tuesday
- 英文星期简写:({{ today | date:'EEE' }})Tue
- 小时格式化:
- 24小时制数字小时:({{ today | date:'HH' }})14
- 一天中的第几个小时:({{ today | date:'H' }})14
- 12小时制数字小时:({{ today | date:'hh' }})02
- 上午或下午的第几个小时:({{ today | date:'h' }})2
- 分钟格式化:
- 数字分钟数:({{ today | date:'mm' }})19
- 一个小时中的第几分钟:({{ today | date:'m' }})19
- 秒数格式化:
- 数字秒数:({{ today | date:'ss' }})24
- 一分钟中内的第几秒:({{ today | date:'s' }})24
- 毫秒数格式化:
- 毫秒数:({{ today | date:'sss' }})579
- 字符格式化:
- 上下午标识:({{ today | date:'a' }})PM
- 四位时区标识:({{ today | date:'Z' }})+0800
- 自定义日期格式化:
- 年月日:({{ today | date:'yyyy-MM-dd' }})2015-11-24
- 时分秒:({{ 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(); }]); |
AngularJS入门教程:日期格式化的更多相关文章
- 【转载】图灵AngularJS入门教程
摘自图灵的AngularJS入门教程:http://www.ituring.com.cn/article/13471 感觉非常不错,所以推荐到首页一下! (一)Hello World! 开始学习Ang ...
- AngularJS 入门教程 $http is not defined 解决方案
采用从git下载的教程, www.angularjs.cn 版本的 入门教程,在第5步的时候 签出文件: git checkout -f step-5 运行将会提示: $http is not def ...
- C语言入门教程-(5)格式化输入输出
1.输入和输出 在程序的使用中,我们经常可以看的这么一个场景:用户需要输入数据,经过程序运算,得到结果后输出.在C语言中,输入数据和输出数据都是由库函数完成的,通过语句来输入/输出. 2.格式化输出— ...
- Angular系列---- AngularJS入门教程03:AngularJS 模板(转载)
是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...
- Angular系列----AngularJS入门教程01:AngularJS模板 (转载)
是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...
- Angular系列----AngularJS入门教程00:引导程序(转载)
我们现在开始准备编写AngularJS应用——phonecat.这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用. 进入angul ...
- Angular系列------AngularJS入门教程:导言和准备(转载)
学习AngularJS的一个好方法是逐步完成本教程,它将引导您构建一个完整的AngularJS web应用程序. 该web应用是一个Android设备清单的目录列表,您可以筛选列表以便查看您感兴趣的设 ...
- [转载]AngularJS入门教程02:AngularJS模板
是时候给这些网页来点动态特性了——用AngularJS!我们这里为后面要加入的控制器添加了一个测试. 一个应用的代码架构有很多种.对于AngularJS应用,我们鼓励使用模型-视图-控制器(MVC)模 ...
- [转载]AngularJS入门教程00:引导程序
我们现在开始准备编写AngularJS应用——phonecat.这一步骤(步骤0),您将会熟悉重要的源代码文件,学习启动包含AngularJS种子项目的开发环境,并在浏览器端运行应用. 进入angul ...
随机推荐
- 2929: [Poi1999]洞穴攀行
2929: [Poi1999]洞穴攀行 Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 80 Solved: 41[Submit][Status][Di ...
- 道路修建 2(自创题+题解)(From NOI2011)
道路修建这道题想来各位不陌生(传送门在此——Bzoj2435),看了此题,一开始以为是最初各个点处于分散状态,然后做了一下,直到发现标程都有点问题,才发现原题是说本来各点已经处于连接完毕的状态(phi ...
- node插件http-proxy实现反向代理
最近自己动手做了一个微信小程序,是直接买的腾讯云的小程序解决方案,怎么说那,用起来还是会遇到不少问题的,不过在交流群里还是会有很多人帮助你的. 闲话少说,因为要再做一个别的服务,就想直接用这台小程序的 ...
- Web 页面测试总结—控件类
web端页面测试,最常见的是基本控件的测试,只有了解常见的控件和其测试方法,才能掌握测试要点,避免漏测情况发生.根据日常工作总结,将控件和常见逻辑集合在一起,总结了几个控件类测试查场景如下. 导航条 ...
- mac下安装 resin 奇葩问题总结
mac 下安装 resin(需要确认电脑配置好了 java 环境变量): 第一步:去 resin 的官网下载最新的压缩包,官网连接:http://caucho.com/products/resin/d ...
- SqlServer转换为Mysql
昨天顺利把MySQL成功安装后,正准备着手把原来项目中的SQL SERVER数据库改为MYSQL数据库,可大量的表结构和表数据如要手动写,那就...... 接下来就是各种百度.谷歌.问先驱等,可得到的 ...
- (转)Linux core 文件介绍与处理
1. core文件的简单介绍 在一个程序崩溃时,它一般会在指定目录下生成一个core文件.core文件仅仅是一个内存映象(同时加上调试信息),主要是用来调试的. 2. 开启或关闭core文件的生成用以 ...
- CSS左侧固定宽 右侧自适应(兼容所有浏览器)
左侧固定宽,右侧自适应屏幕宽: 左右两列,等高布局: 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高) 要求不用JS或CSS行为实现: 仔细分析试题要求,要达到 ...
- python大小写转换函数
1.全部转换成大写:upper() 用法: str = 'marsggbo' print str.upper() 结果:MARSGGBO 2.全部转换成小写:lower() 用法:str = ...
- js中的this关键字,setTimeout(),setInterval()的执行过程
var test1 = { name: 'windseek1', showname: function () { console.log(this.name); } } var test2 = { n ...