微信小程序——按时间逆序排序

效果图：

点击后：

.wxml ：

<button bindtap="mySort" data-property="time">根据日期排序</button>
<view wx:for="{{arr}}" wx:key="id" wx:for-item="item" data-id="{{item.id}}"><view>{{item.time}}</view>
</view>

.js ：

Page({data: {arr: [{ id: '1', name: '一',time: "2020-11-27" },{ id: '5', name: '五',time: "2021-11-27" },{ id: '3', name: '三',time: "2022-11-07" },{ id: '4', name: '四',time: "2017-05-27" },{ id: '2', name: '二',time: "2018-06-07" },],},mySort: function (e) {var property = e.currentTarget.dataset.property;var sortRule = true; // 正序倒序this.setData({arr: this.data.arr.sort(this.compare(property, sortRule)).reverse()})console.log('date',this.data.arr)},compare: function (property, bol) {return function (a, b) {var value1 = Date.parse(new Date(a[property]));var value2 = Date.parse(new Date(b[property]));if(bol){return value1 - value2;}else {return value2 - value1;}}},
})

微信小程序——按时间逆序排序相关推荐

关于微信小程序中时间预约的简单实现
关于微信小程序中时间预约的简单实现 1. js中定义获取日期函数.日期点击事件 2. 在data中定义数组等变量 3. onLoad调用函数并保存回data 4. wxml展示 5. 页面监控函数on ...
微信小程序实现时间预约功能
微信小程序实现时间预约功能类似这样 1.wxml  <view class='containt'>&l ...
微信小程序----日期时间选择器（自定义精确到分秒或时段）
声明 bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处理,因此会出现当你选择时,没有点击确定,直接取消返回后,会发现选择框的值依然改变. 造成原因:这一点就是由于在bind ...
微信小程序数组根据距离远近排序
微信小程序返回的数组根据距离远近排序以腾讯地图api返回的数据为例,对距离进行排序. /** 返回按距离远近排好顺序的数组 / mySort:function(arr){ var property= ...
微信小程序----当前时间的时段选择器插件（今天、本周、本月、本季度、本年、自定义时段）
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! DEMO效果图插件思路准备工作获取当前时间,同时获取当前的年.月.日.周几: 创建处理日 ...
微信小程序----日期时间选择器（自定义精确到分秒或时段）（MUI日期时间）
效果体验二维码(外联图片失效了) 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处 ...
微信小程序定位开发逆地理位置查询经纬度获取位置名称
一. 微信小程序获取用户定位==>经纬度(官方) (1)官方方法:wx.getLocation(Object object) (2)官方链接:https://developers.weixin. ...
基于原生微信小程序的时间组件
作者的絮叨在开发原生微信小程序的时候,发现很少有基于原生微信小程序开发的相关插件或组件,不知道是不是我的孤陋寡闻,还是真的很少,暂且不管~下面我介绍一下我当时开发的一个时间组件,比较简陋,希望可以给 ...
js 微信小程序日期时间转时间戳
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 微信小程序开发交流qq群 173683895 日期转换成时间戳:new Date('2018-09-03 ...

微信小程序——按时间逆序排序

微信小程序——按时间逆序排序相关推荐

最新文章

热门文章