Angular项目中我们常常使用其内置管道将其格式转换e.g. {{ startTime | date:"yyyy-MM-dd" }},以达到所要显示的格式;
{{1524015346764 | date:'yyyy年MM月dd日HH:mm'}} //转化为“2018年4月18号09:35” {{1524015346764 | date:'yyyy-MM-dd HH:mm'}} //转化为“2018-04-18 09:35”
Angular6.x之前一直使用DatePipe转换日期格式,在angular6.x 之后API中又发现formatDate方法:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <html> <head> <title>JSTL fmt:dateNumber 标签</title> </head> <body> <h3>日期格式化:</h3> <c:set var="now" value="<%=new java.util.Date()%>" /> <p>日期格式化 (1): <fmt:formatDate type="time" value="${now}" /></p> <p>日期格式化 (2): <fmt:formatDate type="date" value="${now}" /></p> <p>日期格式化 (3): <fmt:formatDate type="both" value="${now}" /></p> <p>日期格式化 (4): <fmt:formatDate type="both" dateStyle="short" timeStyle="short" value="${now}" /></p> <p>日期格式化 (5): <fmt:formatDate type="both" dateStyle="medium" timeStyle="medium" value="${now}" /></p> <p>日期格式化 (6): <fmt:formatDate type="both" dateStyle="long" timeStyle="long" value="${now}" /></p> <p>日期格式化 (7): <fmt:formatDate pattern="yyyy-MM-dd" value="${now}" /></p> </body> </html>
运行结果:
日期格式化 (1): 11:19:43 日期格式化 (2): 2016-6-26 日期格式化 (3): 2016-6-26 11:19:43 日期格式化 (4): 16-6-26 上午11:19 日期格式化 (5): 2016-6-26 11:19:43 日期格式化 (6): 2016年6月26日 上午11时19分43秒 日期格式化 (7): 2016-06-26
以上就是angular6中日期如何转化?的详细内容,更多请关注0133技术站其它相关文章!