首页 / JAVASCRIPT / javascript-扩展angularjs日期过滤器的日期格式

javascript-扩展angularjs日期过滤器的日期格式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-扩展angularjs日期过滤器的日期格式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含907字，纯文字阅读大概需要2分钟。

内容图文

Angularjs提供了一个Date Filter用于格式化日期.如何获得以下格式的日期？

dd(st || nd || th) mm yyyy
1st May 2014
1<sup>st</sup> May 2014

我应该创建一个新的自定义过滤器,还是可以通过$filterProvider扩展日期过滤器的格式.哪种方法最好？

解决方法:

为了执行您要执行的操作,您需要一个过滤器,该过滤器在提供数字时提供序数,而仅凭序提供序数. https://github.com/chrisiconolly/angular-all-ordinal-filters(完全免责声明：我自己的项目)就是这样做的.

按照自述文件将过滤器安装到您的项目中,此处为简短版本：

bower install --save angular-all-ordinal

将以下行添加到您的.html文件中

<script src="path/to/angular-all-ordinal.min.js"></script>

最后将模块添加为依赖项

angular.module('demo', ['ordinal'])

设置完之后,您可以通过将它们链接在一起来使用序数过滤器和日期过滤器.

<p>{{myDateObject | date:'dd'}}<sup>{{myDateObject | date:'dd' | ordinalOnly}}</sup> {{myDateObject | date :'MMMM yyyy'}}</p>

您最终会得到所需的结果：

<p>1<sup>st</sup> May 2015</p>

内容总结

以上是互联网集市为您收集整理的javascript-扩展angularjs日期过滤器的日期格式全部内容，希望文章能够帮你解决javascript-扩展angularjs日期过滤器的日期格式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/659384.html

来源：【匿名】