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 ...
随机推荐
- Eclipse中启动tomcat报错java.lang.OutOfMemoryError: PermGen space的解决方法
有的项目引用了太多的jar包,或者反射生成了太多的类,异或有太多的常量池,就有可能会报java.lang.OutOfMemoryError: PermGen space的错误, 我们知道可以通过jvm ...
- 了不起的 nodejs-TwitterWeb 案例 bug 解决
了不起的nodejs算是一本不错的入门书,不过书中个别案例存在bug,按照书中源码无法做出和书中相同效果,原本兴奋的心情掺杂着些许失落. 现在我们看一下第七章HTTP,一个Twitter Web客户端 ...
- [C#] C# 知识回顾 - 学会使用异常
学会使用异常 在 C# 中,程序中在运行时出现的错误,会不断在程序中进行传播,这种机制称为“异常”. 异常通常由错误的代码引发,并由能够更正错误的代码进行 catch. 异常可由 .NET 的 CLR ...
- PHP获取上个月最后一天的一个容易忽略的问题
正常来说,PHP是有一个很方便的函数可以获取上个月时间的 strtotime (PHP 4, PHP 5, PHP 7) strtotime - 将任何英文文本的日期时间描述解析为 Unix 时间戳 ...
- .NET Core 2016 回顾
都在回顾自己的2016,今天我们来看看.NET Core的2016. 每一年的脚步的确是快,转眼间马上就2017.新的一年,带着理想和抱负继续出发. 1 月 ASP.NET 5 改名 ASP.NET ...
- maven-sprigmvc-mybatis配置
pom.xml配置 <?xml version="1.0"?> <project xsi:schemaLocation="http://maven.ap ...
- 使用HTML5的cavas实现的一个画板
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-e ...
- 浏览器的兼容模式下的button中文字垂直方向不居中显示
<button style="cursor:pointer;vertical-align: middle;" >删除</button> 这时候垂直不居中. ...
- Kotlin与Android SDK 集成(KAD 05)
作者:Antonio Leiva 时间:Dec 19, 2016 原文链接:https://antonioleiva.com/kotlin-integrations-android-sdk/ 使用Ko ...
- Atitit.研发团队的管理原则---立长不立贤与按资排辈原则
Atitit.研发团队的管理原则---立长不立贤与按资排辈原则 1. 组织任命原则概述1 2. 历史的角度看,大部分组织使用的立长不立贤原则1 3. 论资排辈 立长不立贤原则1 3.1. 资格和辈分是 ...