AngularJS 日期格式化

转载 2015年07月09日 14:56:25

AngularJS 日期格式化

AngularJS的日期格式化有两种形式,一种是在HTML页面,一种是在JS代码里,都是用到AngularJS的过滤器$filter。

HTML: date_expression 即 你在$scope中设的date类型变量(注意,一定是date object才正确), 也是要显示出来的日期,|是分割符号,分割符号后面的第一个参数date是指明过滤器类型是过滤日期的,第二个参数format是你的日期要格式化成什么样子,比如yyyy-MM-dd,最后timezone一个是时区(可选参数),对于国际化的网站比较适用。

{{ date_expression | date : format : timezone}}

两种写法:可以用{{}}表达式,也可以用ng-bind 或者 ng-model
{{myDate | date:’medium’}}

 <h1 ng-bind="myDate | date:'yyyy-MM-dd'"></h1>
...
 <td class="collapsing">{{stObj.createDatetime | date:"yyyy-MM-dd HH:mm:ss"}}</td>

在Javascript代码里,是这么写的:

var myJsDate=$filter(‘date’)($scope.myDate,’yyyy-MM-dd’);

这样你声明的变量myJsDate就能得到$scope里myDate格式化之后的值了。

相关文章推荐

angularjs中的filter(过滤器)——格式化日期的date

我们在写程序的时候经常需要用到日期,但是有时得到的日期不是我们想要的格式,那我们就可以用date过滤器来很方便的格式化日期成为我们想要的格式。

angularJS date filter ——时间格式化过滤器

angularJS的date过滤器可以将日期格式化成需要的格式。 测试时间对象:”2016-12-03T02:43:51.535Z“ 常用方式: {{now | date : 'yyy...

angularjs中的filter(过滤器)——格式化日期的date

原文链接: http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs%E4%B8%AD%E7%9A%84filter...

angular js 格式化日期

1、AngularJs的controller中格式:  var dateAsString = $filter('date')(item_date, "yyyy-MM-dd hh:mm:ss");  ...

angularjs中的filter(过滤器)

filters可以用来格式化数据。例如把时间格式化成为yyyy-MM-dd的形式来呈现给用户,方便查看。angularjs内置了一些filters,我们也可以根据自己的需要自定义一些filters. ...

div垂直居中

笔试、面试中经常遇到div垂直居中问题,我暂且把它分为两类: 1、高度固定的div在父元素中垂直居中情况(相对简单些): 方法1:无副作用;兼容性:IE8及以上 css: .fat...

AngularJS 日期格式化 实例大全

本地化日期格式化: ({{time|date:'medium' }})Apr 14, 2016 4:40:08 PM({{time | date:'short' }})4/14/16 4:40 PM...

Angularjs中date日期格式化细节问题

原文网址:http://www.vicchen.me/angularjs-date-formate/ 我们数据库接口返回的时间戳是10位的1438668006,在使用date日期格式化时时间...

关于datetime-local与时间戳相互转化

HTML5中的新对象Datetime Local可用于本地时间选择,是H5中很棒的新功能!在不考虑老版IE、FF的情况下能打打减少我们的开发花销。    如: 1.可用Date对象的getTime()...

angularJS过滤器date所接受的日期类型

使用ISO标准日期格式 --> {{ '2015-05-20T03:56:16.887Z' | date:"MM/dd/yyyy @ h:mma"}} 使用13位(单位:毫秒)时间戳 --> {{ ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)