微信小程序:wmxl/wxs中日期格式化
前面说过,在js中进行时间格式化很方便,直接利用new Date就可以了!
但是,在wmxl中如何进行时间格式化呢?前面也说过,在wmxl使用js可以通过导入wxs,而时间格式化方面,wxs中也很简单,只要将new Date替换为getDate即可(wxs中无法使用new Date)。
下面是一个示例:将/Date(1915151515)/格式转为 yyyy-MM-dd
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<span class="hljs-comment">/** * 处理数字,如果少于2位则前面加0(用于时间格式化) */</span> <span class="hljs-keyword">var</span> formatNumber = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">n</span>) </span>{ n = n.toString() <span class="hljs-keyword">return</span> n[<span class="hljs-number">1</span>] ? n : <span class="hljs-string">'0'</span> + n } <span class="hljs-comment">/** * /Date(1915151515)/格式转为 yyyy-MM-dd */</span> <span class="hljs-keyword">var</span> formatDate = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">datetime</span>) </span>{ <span class="hljs-keyword">var</span> times = <span class="hljs-built_in">parseInt</span>(datetime.replace(<span class="hljs-string">"/Date("</span>, <span class="hljs-string">""</span>).replace(<span class="hljs-string">")/"</span>, <span class="hljs-string">""</span>)); <span class="hljs-keyword">var</span> date = getDate(times); <span class="hljs-keyword">var</span> year = date.getFullYear(); <span class="hljs-keyword">var</span> month = date.getMonth() + <span class="hljs-number">1</span>; <span class="hljs-keyword">var</span> day = date.getDate(); <span class="hljs-keyword">return</span> [year, month, day].map(formatNumber).join(<span class="hljs-string">'-'</span>); } <span class="hljs-built_in">module</span>.exports = { <span class="hljs-attr">formatDate</span>: formatDate } |
调用时,在wxml中
1 2 3 |
<span class="hljs-comment"><!-- 引入wxs脚本 --></span> <span class="hljs-tag"><<span class="hljs-name">wxs</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../../wxs/subutil.wxs"</span> <span class="hljs-attr">module</span>=<span class="hljs-string">"tools"</span> /></span> |
然后在需要转化的位置,比如text:
1 2 |
<span class="hljs-tag"><<span class="hljs-name">text</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"item-text-hint marginRight"</span>></span>{{tools.formatDate(item.CreateTime)}}<span class="hljs-tag"></<span class="hljs-name">text</span>></span> |
直接使用方法即可。