小程序模板網(wǎng)

小程序ios上時間字符串轉(zhuǎn)換為時間戳問題,上滑加載更多

發(fā)布時間:2018-04-18 09:40 所屬欄目:小程序開發(fā)教程

一:ios上時間字符串轉(zhuǎn)換為時間戳問題

分享者:棲木,來自原文地址 
給定一個時間字符串 var time="2017-02-27 16:42:53" js有三種轉(zhuǎn)換為時間戳的方法:

1、var timestamp = Date.parse(time) 
2、var timestamp = time.getTime() 
3、var timestamp = time.valueOf() 
第一種方法只能精確到秒,后兩種能精確到毫秒。 
然而相同的代碼,在android上能正常執(zhí)行,在ios上就會出錯。

臨下班來這么一出,被坑得賊慘,明天開始五一假期,只能晚上加班來解決小程序的這個坑。試過無數(shù)種方法后,最后用以下代碼解決了問題:

 

  1. var date=time.substr(0,10)//2017-02-27
  2. var hour=time.substr(11,2).replace(/\b(0+)/gi,"") //16
  3. var minute=time.substr(14,2).replace(/\b(0+)/gi,"") //42
  4. var second=time.substr(17,2).replace(/\b(0+)/gi,"")//53
  5. var timestamp =parseInt(new Date(date).getTime() / 1000)+parseInt(hour)*3600+parseInt(minute)*60+parseInt(second)-28800//別問我為什么-28800,只能告訴你實踐出真知
  6. var time=timestampFormat(timestamp)//timestampFormat:自定義的將時間戳轉(zhuǎn)換為剛剛,昨天16:42等表達的方法
 

二:上滑加載更多

分享者:千一網(wǎng)絡(luò),來自原文地址

微信小程序自帶有下拉刷新,但是沒有自帶上滑加載更多,不過網(wǎng)上說可以用scroll-view來實現(xiàn)。

但是 我并不推薦 scroll-view ,不過我們還是先看看用 scroll-view 的做法,再介紹一下我的做法。

 

  1. <scroll-view style="height:500rpx;" scroll-y="true" bindscrolltoupper="loadNew" bindscrolltolower="loadMore">
  2. <block wx:for="{{items}}">
  3. <view class="section">
  4. <video src="{{item.videoUrl}}" controls></video>
  5. <text>{{item.title}}</text>
  6. </view>
  7. </block>
  8. </scroll-view>

一定要有兩個屬性:

  • 一是在樣式中指定 height。
  • 二是指定scroll-y 為 true。

然后就可以用bindscrolltoupper監(jiān)測滑到最上頭了,用bindscrolltolower監(jiān)測滑到最下頭了。理論上它可以實現(xiàn)上拉刷新、下拉加載更多兩種效果,但是效果不是很好。

而且它是滑到端頭就響應(yīng)事件,并不是需要繼續(xù)拉一段距離才響應(yīng),這點不如enablePullDownRefresh完美。

還有:微信并不推薦在 scroll-view 中使用 textarea、map、canvas、video 組件。

還有: 在滾動 scroll-view 時會阻止頁面回彈,所以在 scroll-view 中滾動,是無法觸發(fā) onPullDownRefresh。

所以還是介紹新的方案吧:onReachBottom

雖然也沒有實現(xiàn)繼續(xù)拉一段距離才響應(yīng),但是整個效果比 scroll-view 好多了。

 

  1. Page({
  2. onReachBottom: function()
  3. {
  4. this.loadList();
  5. }
  6. })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23612.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢