您好,登錄后才能下訂單哦!
這篇文章主要介紹微信小程序如何實現(xiàn)根據(jù)日期和時間排序功能,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
需求分析(這是已完成的效果)
這里有具體的日期時間和具體的小時時間,后端數(shù)據(jù)給我傳來的是這樣式的
startDate: "2021-08-27" //日期年月日 startTime: "10:15" //開始時間 endTime: "20:00" //結(jié)束時間
實現(xiàn)代碼
// 根據(jù)日期排序 comparedate: function (property) { // console.log(property); return function (a, b) { var value1 = Date.parse(new Date(a[property])); //轉(zhuǎn)換成十六進制獲取日期 var value2 = Date.parse(new Date(b[property])); // console.log( value1 -value2); return value1 - value2; //value1-value2是從小到大排序 反過來則是從大到小的排序 } }, // 根據(jù)時間排序 時間格式是10:00的個格式,所以我們用到slice進行截取字符串前兩位,通過小時來進行比較時間的先后順序 compareahour: function (property) { // console.log(property); return function (a, b) { var value1 = a.startTime.slice(0,2) //slice(0,2) 獲取字符串前兩位進行比較 var value2 = b.endTime.slice(0,2) // console.log(value1-value2) return value1 -value2 //value1-value2是從小到大排序 反過來則是從大到小的排序 } }, MyTaskList:function(){ var that=this wx.request({ url: '請求接口', data: { //放參數(shù) }, method: "POST", header: { 'content-type': 'application/json' }, success: function (res) { // 根據(jù)時間排序 if(res.data.list.orderDetailsList!=""){ var dataListaaa=res.data.list.orderDetailsList; dataListaaa.forEach((item) => { var starttime=item.startTime var endtime =item.endTime }) dataListaaa.sort(that.compareatime('starttime')); //調(diào)用上面時間時間排序的方法 } //根據(jù)日期排序 if(res.data.data=="success"){ console.log(res); if(res.data.list.orderDetailsList!=""){ var dataList=res.data.list.orderDetailsList; dataList.forEach((item) => { //循環(huán)之后進行轉(zhuǎn)換時間的格式 var month=new Date(item.startDate.replace(/-/g,'/')).getMonth()+1; var day=new Date(item.startDate.replace(/-/g,'/')).getDate(); var dateVal=month+'月'+day+'日'; //拼接‘月' 和‘日' item['startDateFormat']=dateVal; // console.log(day); // console.log(dateVal); }) dataList.sort(that.comparedate('startDate')); //根據(jù)日期排序使用的方法結(jié)合上面的comparedate },
以上是“微信小程序如何實現(xiàn)根據(jù)日期和時間排序功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。