Date對象 IOS踩坑

Rainie 發布于2019-08-23 15:16 / 2981人閱讀

摘要：對象踩坑最近在做一個托管教師端小程序，里面有一個功能是選擇某個日期加載該老師相關的課程，這里就需要用到日歷組件。由于開發和調試一直用的是微信開發者工具，在開發過程中也很順利，直到使用了真機進行測試的。就是因為這個錯，蘋果手機不能正常運行。

Date對象 IOS踩坑

最近在做一個托管教師端小程序，里面有一個功能是選擇某個日期加載該老師相關的課程，這里就需要用到日歷組件。基于后臺返回的數據及減少對日歷組件的修改，我選擇了對小程序一開始自配備的轉換時間格式方法進行了修改。用起來也沒有太大毛病，坑就在這里埋下了。

const formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()
  const hour = date.getHours()
  const minute = date.getMinutes()
  const second = date.getSeconds()

  return [year, month, day].map(formatNumber).join("/") + " " + [hour, minute, second].map(formatNumber).join(":")
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : "0" + n
}

module.exports = {
  formatTime: formatTime
}

由于開發和調試一直用的是微信開發者工具，在開發過程中也很順利，直到使用了真機進行測試的。在安卓機上是沒有問題的，但一旦遇到了蘋果機，我的整個功能就垮掉了。排查了很久才發現是日期轉換的問題。

在開發中，由于與日歷相關，肯定會大量用到Date對象的。
當使用

var date = new Date();

在安卓和蘋果機上是可以運行且有結果的。
但是在這個項目里面需要用到根據字符串去獲取日期，然后問題就來了。我的字符串日期格式是2018-01-01類型的

var date = new Date("2016-05-31");

這段代碼是獲得字符中指定的日期，它Firefox、Chrome中就能運行，但是在蘋果手機就會報錯，錯誤是NaN，意思是Not a Number。就是因為這個錯，蘋果手機不能正常運行。

解決方法

var date =new Date("2016/05/31");

這種字符串格式獲取日期在蘋果和安卓機上都能正常運行。由于代碼中大量用到的是-模式。在使用new Date的時候寫一個函數去轉換一下即可。

function GetDateDiff(startDiffTime, endDiffTime) {
            //將xxxx-xx-xx的時間格式，轉換為 xxxx/xx/xx的格式 
            startTime = startDiffTime.replace(/-/g, "/");
            endTime = endDiffTime.replace(/-/g, "/");
};

總結

不要輕易的去改微信小程序提供工具類的代碼，為什么用"/"可能是有原因的，微信已經幫你兼容好了。否則，就像我一樣浪費時踩來踩去的間在這個坑里

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101785.html

Next.js項目實戰踩坑指南

摘要：項目實戰踩坑指南移動端，滾動卡頓解決方案主容器增加樣式路由跳轉后樣式丟失原因下樣式根據頁面動態加載，瀏覽器緩存文件造成樣式不更新。跨域及傳遞的問題第一步，登錄成功后服務器返回。第二步，瀏覽器自動緩存，再后續請求中攜帶此。項目實戰踩坑指南 1. 移動端overflow:auto，ios滾動卡頓解決方案：主容器增加樣式-webkit-overflow-scrolling: touc...

用戶83 2019-08-23 13:46 評論0 收藏0
html2canvas以及domtoimage的使用踩坑總結

摘要：本人建議第二種，更保險三轉換的位圖不能被以上版本所識別。客戶使用的時候發現了這個問題，沒法。五離成功只有一步之遙了，使用了之后安卓手機不能將圖片分享給朋友。識別不了問題分析安卓能識別但不能識別矢量圖片解決辦法自己手寫咯。判斷手機為安卓還是。前言首先做個自我介紹，我是成都某企業的一名剛剛入行約一年的前端，在之前的開發過程中，遇到了問題，也解決了問題，但是在下一次解決相同問題的時候，只...

鄒強 2019-08-23 11:01 評論0 收藏0
html2canvas以及domtoimage的使用踩坑總結

摘要：本人建議第二種，更保險三轉換的位圖不能被以上版本所識別。客戶使用的時候發現了這個問題，沒法。五離成功只有一步之遙了，使用了之后安卓手機不能將圖片分享給朋友。識別不了問題分析安卓能識別但不能識別矢量圖片解決辦法自己手寫咯。判斷手機為安卓還是。前言首先做個自我介紹，我是成都某企業的一名剛剛入行約一年的前端，在之前的開發過程中，遇到了問題，也解決了問題，但是在下一次解決相同問題的時候，只...

MageekChiu 2019-08-02 11:14 評論0 收藏0
踩坑---一個不是坑的難以言喻的坑，有關企業微信在iOS端上傳文件的坑

摘要：我們的業務代碼是在自己的客戶端微信釘釘企業微信四個地方跑的同一套代碼。描述的具體描述是企業微信用戶在使用上傳圖片時，無反應。起因今早一去公司，被組長遠程發過來一個Bug，據說是用戶反饋的一個iOS的問題，在我們的業務中，有一個有關圖片上傳的問題。我們的業務代碼是在自己的客戶端、微信、釘釘、企業微信四個地方跑的同一套代碼。 Bug描述 Bug的具體描述是企業微信用戶在使用上傳圖片時，...

geekidentity 2019-08-23 10:51 評論0 收藏0