年月日转化为时间戳出现bug

当后台给出一个时间，比如：2019-12-02 20:18:43，前端一下会想出好几种方法来转化为时间戳：

JS:

data: {
    date: ‘2019-12-02 20:18:43‘,
    getTime: ‘‘,
    valueOf: ‘‘,
    dateParse: ‘‘
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const {date} = this.data;
    // 方法一
    const getTime = new Date(date).getTime();
    // 方法二
    const valueOf = new Date(date).valueOf();
    // 方法三
    const dateParse = Date.parse(date);
    // 设置data值
    this.setData({ getTime, valueOf, dateParse})
  },

wxml:

<view>时间：{{date}}</view>
<view>时间戳getTime：{{getTime}}</view>
<view>时间戳valueOf：{{valueOf}}</view>
<view>时间戳dateParse：{{dateParse}}</view>

结果肯定会按照我们所想的展示：1575289123000

然后我们分别拿Android和IOS真机测试：

真机测试并未按照我们预想的来，我也是在项目发布之后发现问题的，通过将日期转化为时间戳过滤优惠券，在用户发现优惠券不能用之后才发现问题。然后我们换个思路，将 日期中间的 - 换为 /试一下，

const newDate = date.replace(/-/g, ‘/‘);
console.log(newDate) // 2019/12/02 20:18:43

如：2019/12/02 20:18:43，

转化为时间戳如：1575289123000，

小程序控制台也和我们预期的一样，让我们来看真机如何

现在来看Android和IOS都能正常显示。

此类问题并不是小程序单独所有，所有的JS转化都有问题，html页面也存在这样的问题，感兴趣的同学可以自己试试。

由此看来，日期转化为时间戳，苹果手机存在bug，日期分隔符必须得用/，而不能用-，最好的办法就是后台返回时间戳，前端要什么格式自己转化， 日期比较也方便计算。

原文地址：https://www.cnblogs.com/webfont-yxw/p/12007993.html