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 ...
随机推荐
- SEO-站内优化规范
类别 要求 实际工作要求 程 序 设 计 1.DIV+CSS布局 2.站内导航连接性良好 面包屑导航,翻页方式使用样式二,文章和产品上一页和下一页 3.图片的ALT属性 在编程时注意写 4.超级链接的 ...
- python 中如何导入一个自己创建的模块
导入模块的语句的三种方法: 1.import module 2.from module import name1,[name2,name3....] 3.from module import * 先看 ...
- 【MySQL】分页查询实例讲解
MySQL分页查询实例讲解 1. 前言 本文描述了团队在工作中遇到的一个MySQL分页查询问题,顺带讲解相关知识点,为后来者鉴.本文的重点不是"怎样"优化表结构和SQL语句,而是探 ...
- SpringMVC4+MyBatis+SQL Server2014+druid 监控SQL运行情况
前言 在基于SpringMVC+MyBatis的开发过程中,我们希望能看到自己手写SQL的执行情况,在开发阶段我们可以配置log4j在控制台里基于debug模式查看,那么上线后,在生产声我们想查看SQ ...
- js中的call()、apply()和bind()方法的区别
call(thisObj,param1,param2....)方法:调用一个对象的方法,用另外的对象去替换当前对象. 下面给出一个例子: function add(a,b){ return a+b; ...
- LinkedHashSet的概述和使用
LinkedHashSet的特点: 可以保证怎么存就怎么取 package online.msym.set; import java.util.LinkedHashSet; public class ...
- css3 loading
http://jsbin.com/vonuni/2/edit?html,css,output
- spring(二) AOP之AspectJ框架的使用
前面讲解了spring的特性之一,IOC(控制反转),因为有了IOC,所以我们都不需要自己new对象了,想要什么,spring就给什么.而今天要学习spring的第二个重点,AOP.一篇讲解不完,所以 ...
- spring boot访问数据库
1. Spring JAP 基本使用说明: Spring boot 访问数据库基本上都是通过Spring JPA封装的Bean作为API的,Spring JPA 将访问数据库通过封装,只要你的类实现了 ...
- webpack2.x基础属性讲解(一)
webpack作为构建工具平时作为前端作为优化.模块编程.和分片打包的重要组成部分,大家可能并不陌生,如果没有时刻的去关注文档,那么大家可能不太清楚webpack已经默默然的升级到2.x了,对比1 ...