回答

收藏

wxs过滤器格式化日期

前端知识 前端知识 1020 人阅读 | 0 人回复 | 2024-08-31




  1. <div>//由于在wxml文件中不能直接使用js文件中的方法,为方便使用,采用过滤器方式达成日期格式化

  2. //在wxml中添加以下代码 || 或者新建wxs文件并用wxs标签导入
  3. <wxs module="filter">
  4. <span style="white-space:pre">        </span>var format = function (date) {
  5. <span style="white-space:pre">                </span>var date = getDate(date); //返回当前时间对象
  6. <span style="white-space:pre">                </span>var year = date.getFullYear()
  7. <span style="white-space:pre">                </span>var month = fixz(date.getMonth() + 1)
  8. <span style="white-space:pre">                </span>var day = fixz(date.getDate())

  9. <span style="white-space:pre">                </span>var hour = fixz(date.getHours())
  10. <span style="white-space:pre">                </span>var minute = fixz(date.getMinutes())
  11. <span style="white-space:pre">                </span>var second = fixz(date.getSeconds())

  12. <span style="white-space:pre">                </span>return [year, month, day].join('-') + ' ' +[hour, minute, second].join(': ')
  13. <span style="white-space:pre">        </span>}

  14. <span style="white-space:pre">        </span>var fixz = function (num) {
  15. <span style="white-space:pre">                </span>if (num < 10) {
  16. <span style="white-space:pre">                        </span>return '0' + num
  17. <span style="white-space:pre">                </span>}
  18. <span style="white-space:pre">                </span>return num
  19. <span style="white-space:pre">        </span>}

  20. <span style="white-space:pre">        </span>module.exports = {
  21. <span style="white-space:pre">                </span>format: format
  22. <span style="white-space:pre">        </span>}

  23. </wxs>


  24. 在标签中使用方法<view  wx:for="{{searchListData}} wx:key="index">{{filter(item.date)}}</view></div>
复制代码


分享到:
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

8 积分
2 主题
+ 关注