小程序ios上時間字符串轉(zhuǎn)換為時間戳問題，上滑加載更多
一：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ù)種方法后，最后用以下代碼解決了問題：
- var date=time.substr(0,10)//2017-02-27
- var hour=time.substr(11,2).replace(/\b(0+)/gi,"") //16
- var minute=time.substr(14,2).replace(/\b(0+)/gi,"") //42
- var second=time.substr(17,2).replace(/\b(0+)/gi,"")//53
- var timestamp =parseInt(new Date(date).getTime() / 1000)+parseInt(hour)*3600+parseInt(minute)*60+parseInt(second)-28800//別問我為什么-28800，只能告訴你實踐出真知
- var time=timestampFormat(timestamp)//timestampFormat：自定義的將時間戳轉(zhuǎn)換為剛剛，昨天16:42等表達的方法
二：上滑加載更多
分享者：千一網(wǎng)絡(luò)，來自原文地址
微信小程序自帶有下拉刷新，但是沒有自帶上滑加載更多，不過網(wǎng)上說可以用scroll-view來實現(xiàn)。
但是 我并不推薦 scroll-view ，不過我們還是先看看用 scroll-view 的做法，再介紹一下我的做法。
- <scroll-view style="height:500rpx;" scroll-y="true" bindscrolltoupper="loadNew" bindscrolltolower="loadMore">
- <block wx:for="{{items}}">
- <view class="section">
- <video src="{{item.videoUrl}}" controls></video>
- <text>{{item.title}}</text>
- </view>
- </block>
- </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 好多了。
- Page({
- onReachBottom: function()
- {
- this.loadList();
- }
- })
