AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
今天遇到了这些问题索性就 写篇文章吧
话不多说直接上栗子
不管任何是HTML格式还是JS格式必须要在 controller 里面写
// new Date() 获取当前时间
yyyy-MM-ddd //是返回的格式 下面会一 一列出 这种返回格式
$scope.wwwwwww = $filter(new Date(),'yyyy-MM-dd') //或者这样写
//这样是 指定date类型 可以省略不写 下面的是多此一举 但是我感觉有人会钻牛角尖所以嘛 嘿嘿
$scope.wwwwwww = $filter('date')(new Date(),'yyyy-MM-dd')
在HTML模板里这样写

页面上就会得到时间

下面说在HTML里面写

在HTML模板里面
date 是固定套路
yyyy-MM-dd HH:mm 下面会说

页面上的时间

下面讲解返回的日期格式
斜体红字的就是上面的日期讲解
自定义日期格式化:
年月日:({{ nativeDate | date:'yyyy-MM-dd' }})2017-01-06
时分秒:({{ nativeDate | date:'HH:mm:ss.sss' }})21:22:09.990
年份格式化:
四位年份:({{ nativeDate | date:'yyyy' }})2017
两位年份:({{ nativeDate | date:'yy' }})17
一位年份:({{ nativeDate | date:'y' }})2017
月份格式化:
英文月份:({{ nativeDate | date:'MMMM' }})April
英文月份简写:({{ nativeDate | date:'MMM' }})Apr
两位数字月份:({{ nativeDate | date:'MM' }})04
一年中的第几个月份:({{ nativeDate | date:'M' }})4 日期格式化:
数字日期:({{ nativeDate | date:'dd' }})06
一个月中的第几天:({{ nativeDate | date:'d' }})6
英文星期:({{ nativeDate | date:'EEEE' }})Thursday
英文星期简写:({{ nativeDate | date:'EEE' }})Thu 小时格式化:
24小时制数字小时:({{ nativeDate | date:'HH' }})18
一天中的第几个小时:({{ nativeDate | date:'H' }})21
12小时制数字小时:({{ nativeDate | date:'hh' }})04
上午或下午的第几个小时:({{ nativeDate | date:'h' }})9 分钟格式化:
数字分钟数:({{ nativeDate | date:'mm' }})26
一个小时中的第几分钟:({{ nativeDate | date:'m' }})40 秒数格式化:
数字秒数:({{ nativeDate | date:'ss' }})08
一分钟中内的第几秒:({{ nativeDate | date:'s' }})8
毫秒数:({{ nativeDate | date:'sss' }})990 本地日期格式化
({{ nativeDate | date:'medium' }})Apr 14, 2017 4:40:08 PM
({{ nativeDate | date:'short' }})4/14/16 4:40 PM
({{ nativeDate | date:'fullDate' }})Thursday, April 14, 2017
({{ nativeDate | date:'longDate' }})April 14, 2017
({{ nativeDate | date:'mediumDate' }})Apr 14, 2017
({{ nativeDate | date:'shortDate' }})4/14/17
({{ nativeDate | date:'mediumTime' }})4:40:08 PM
({{ nativeDate | date:'shortTime' }})4:40 PM
以上就是AngularJS 过滤器返回日期的讲解 有不对的地方望大神指点一二
AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter的更多相关文章
- SQL Server 日期格式和日期操作
SQL Server发展至今,关于日期的格式的控制方法,有传统的方法,比如CONVERT(),也有比较便利的新方法,比如FORMAT():同样,关于日期的操作函数,也分为传统方法:DATEADD()等 ...
- js时间戳转换日期格式和日期计算
一.时间戳转换日期 function formatDate(datetime) { // 获取年月日时分秒值 slice(-2)过滤掉大于10日期前面的0 var year = datetime.ge ...
- excel日期格式转换为文本格式
今天测试读取excel并修改数据库数据的时候遇到几个小问题. 1.空指针,读写io异常蛮多的,获取不到的数据就是null 2.读取文件位置,开始找不到文件 3.读取日期格式结果是一个数值,因此需要转化 ...
- js日期格式,日期对象
以对象为基准去使用方法, 围绕Date对象 var a = new Date() 返回当前的时间对象,可以使用内置的日期对象的方法 a.getFullYear(), a.getMonth(), a.g ...
- Python3 Selenium自动化web测试 ==>FAQ:日期格式和日期字符串格式相互转换
学习目的: 掌握python的基础应用 场景: 生成的测试日报需要加上时间戳作为唯一标志,免得文件覆盖,过往的文件丢失 因为os.rename方法要求文件名必须拼接的都是字符串 代码释义: # 日期转 ...
- oracle trunc 函数处理日期格式,日期类型很有用的几个sql
select to_char(sysdate,'yyyy-mm-dd hh24:mi:ss') from dual; --显示当前时间2011-12-29 16:24:34 select trunc ...
- 使用NPOI导入Excel注意日期格式和数字格式
//使用NPOI导入Excel public static DataTable importExcelToDataSetUsingNPOI(string FilePath, string fileNa ...
- mysql日期格式转换,如何保持原日期?CONVERT/Substring 函数截取。replace替换
http://www.cnblogs.com/stevenjson/p/3729577.html CONVERT(varchar(100), getdate(), 112)这种, 问题就出在getda ...
- js 时间戳的转化,js 日期转成标准字符串,日期格式的相互转化
1.时间的获取 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1 ...
随机推荐
- 前端css兼容性与易混淆的点
一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...
- Shell替换
如果表达式中包含特殊字符,Shell 将会进行替换.例如,在双引号中使用变量就是一种替换,转义字符也是一种替换. #!/bin/bash a= echo -e "Value of a is ...
- ASP.NET Core 折腾笔记二:自己写个完整的Cache缓存类来支持.NET Core
背景: 1:.NET Core 已经没System.Web,也木有了HttpRuntime.Cache,因此,该空间下Cache也木有了. 2:.NET Core 有新的Memory Cache提供, ...
- Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
前言: 为了加快开发效率,目前公司一些功能使用H5开发,这里难免会用到Js与Java函数互相调用的问题,这个Android是提供了原生支持的,不过存在安全隐患,今天我们来学习一种安全方式来满足Js与j ...
- Android消息传递之基于RxJava实现一个EventBus - RxBus
前言: 上篇文章学习了Android事件总线管理开源框架EventBus,EventBus的出现大大降低了开发成本以及开发难度,今天我们就利用目前大红大紫的RxJava来实现一下类似EventBus事 ...
- 12、Struts2表单重复提交
什么是表单重复提交 表单的重复提交: 若刷新表单页面, 再提交表单不算重复提交. 在不刷新表单页面的前提下: 多次点击提交按钮 已经提交成功, 按 "回退" 之后, 再点击 &qu ...
- spring注解源码分析--how does autowired works?
1. 背景 注解可以减少代码的开发量,spring提供了丰富的注解功能.我们可能会被问到,spring的注解到底是什么触发的呢?今天以spring最常使用的一个注解autowired来跟踪代码,进行d ...
- DBA成长路线
从开发转为数据库管理,即人们称为DBA的已经有好几年,有了与当初不一样的体会.数据是企业的血液,数据是石油,数据是一切大数据.云计算的基础.作为DBA是数据的保卫者.管理者,是企业非常重要的角色.对于 ...
- .NET中AOP方便之神SheepAspect
SheepAspect 简介以及代码示列: SheepAspect是一个AOP框架为.NET平台,深受AspectJ.它静织目标组件作为一个编译后的任务(编译时把AOP代码植入). 多有特性时,可根据 ...
- "NHibernate.Exceptions.GenericADOException: could not load an entity" 解决方案
今天,测试一个项目的时候,抛出了这个莫名其妙的异常,然后就开始了一天的调试之旅... 花了很长时间,没有从代码找出任何问题... 那么到底哪里出问题呢? 根据下面那段长长的错误日志: -- ::, ...