- A+
前面说过，在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> |
直接使用方法即可。
我的微信公众号
我的微信公众号扫一扫
