小程序ios上時(shí)間字符串轉(zhuǎn)換為時(shí)間戳問(wèn)題，上滑加載更多
一：ios上時(shí)間字符串轉(zhuǎn)換為時(shí)間戳問(wèn)題
分享者：棲木，來(lái)自原文地址
給定一個(gè)時(shí)間字符串 var time="2017-02-27 16:42:53" js有三種轉(zhuǎn)換為時(shí)間戳的方法：
1、var timestamp = Date.parse(time)
2、var timestamp = time.getTime()
3、var timestamp = time.valueOf()
第一種方法只能精確到秒，后兩種能精確到毫秒。
然而相同的代碼，在android上能正常執(zhí)行，在ios上就會(huì)出錯(cuò)。
臨下班來(lái)這么一出，被坑得賊慘，明天開(kāi)始五一假期，只能晚上加班來(lái)解決小程序的這個(gè)坑。試過(guò)無(wú)數(shù)種方法后，最后用以下代碼解決了問(wèn)題：
- 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//別問(wèn)我為什么-28800，只能告訴你實(shí)踐出真知
- var time=timestampFormat(timestamp)//timestampFormat：自定義的將時(shí)間戳轉(zhuǎn)換為剛剛，昨天16:42等表達(dá)的方法
二：上滑加載更多
分享者：千一網(wǎng)絡(luò)，來(lái)自原文地址
微信小程序自帶有下拉刷新，但是沒(méi)有自帶上滑加載更多，不過(guò)網(wǎng)上說(shuō)可以用scroll-view來(lái)實(shí)現(xiàn)。
但是 我并不推薦 scroll-view ，不過(guò)我們還是先看看用 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>
一定要有兩個(gè)屬性：
- 一是在樣式中指定 height。
- 二是指定scroll-y 為 true。
然后就可以用bindscrolltoupper監(jiān)測(cè)滑到最上頭了，用bindscrolltolower監(jiān)測(cè)滑到最下頭了。理論上它可以實(shí)現(xiàn)上拉刷新、下拉加載更多兩種效果，但是效果不是很好。
而且它是滑到端頭就響應(yīng)事件，并不是需要繼續(xù)拉一段距離才響應(yīng)，這點(diǎn)不如enablePullDownRefresh完美。
還有：微信并不推薦在 scroll-view 中使用 textarea、map、canvas、video 組件。
還有: 在滾動(dòng) scroll-view 時(shí)會(huì)阻止頁(yè)面回彈，所以在 scroll-view 中滾動(dòng)，是無(wú)法觸發(fā) onPullDownRefresh。
所以還是介紹新的方案吧：onReachBottom
雖然也沒(méi)有實(shí)現(xiàn)繼續(xù)拉一段距離才響應(yīng)，但是整個(gè)效果比 scroll-view 好多了。
- Page({
- onReachBottom: function()
- {
- this.loadList();
- }
- })
