Angular4.x 日期管道

网友投稿 611 2022-10-22

Angular4.x 日期管道

Angular4.x  日期管道

如@Perry所述,您需要以毫秒为单位提供日期。从Angular 2参考​​日期​​我们得到:expression是日期对象或数字(自UTC纪元以来的毫秒数)或ISO字符串

所以它可以简单地是:

{{load.loadDate * 1000 | date}}

ng2.png

路由说明.png

日期管道.png

时间戳是秒,js用的是毫秒需要抓换一下

{{v1.begin_time*1000 | date:'yyyy-MM-dd'}}

输出 //2019-05-25//1. 字母大写{{content| uppercase}}//2. 字母小写{{content| lowercase}}//3. 数字格式化{{num| number: '3.2-2'}}解释:{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}minIntegerDigits:整数部分保留最小的位数,默认值为1.minFractionDigits:小数部分保留最小的位数,默认值为0.maxFractionDigits:小数部分保留最大的位数,默认值为3.//4. 百分数格式{{num| percent:'1.2-2'}}解释:{minIntegerDigits}.{minFractionDigits}-{maxfractionDigits}minIntegerDigits:整数部分保留最小的位数,默认值为1.minFractionDigits:小数部分保留最小的位数,默认值为0.maxFractionDigits:小数部分保留最大的位数,默认值为3.//5. 字符串截取{{content| slice:2:4}}expression | slice: start[: end] 与java中substring类似//6. 日期格式化{{date| date:'yyyy-MM-dd HH:mm:ss'}}date可以是日期对象,也可以是字符串如:date = '2016/06/07 21:30:00';date = new Date();//6. json格式化{{list| json}}主要用于测试环境//7. 多次管道{{content|lowercase | slice:2:4}}

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:使用Workbox 2.0的Angular渐进式Web应用程序
下一篇:面试官:内存泄漏,内存溢出如何排查?
相关文章

 发表评论

暂时没有评论,来抢沙发吧~