时间仅在 iPhone 显示为 Nan

Question

我不确定为什么我的 time left 在

上查看时显示为 NaN

iPhone

Chrome 中的移动模拟器显示正常工作

我什至尝试了一个与我在 jsfiddle 中使用的代码相同的实验

https://jsfiddle.net/bheng/7w8cftyL/

它也在那里工作！

其他人也遇到这个问题吗？

代码

<div class="timeLeft"></div>




function timeDiffCalc(dateFuture, dateNow) {
    let diffInMilliSeconds = Math.abs(dateFuture - dateNow) / 1000;

    const days = Math.floor(diffInMilliSeconds / 86400);
    diffInMilliSeconds -= days * 86400;
    console.log('calculated days', days);

    const hours = Math.floor(diffInMilliSeconds / 3600) % 24;
    diffInMilliSeconds -= hours * 3600;
    console.log('calculated hours', hours);

    const minutes = Math.floor(diffInMilliSeconds / 60) % 60;
    diffInMilliSeconds -= minutes * 60;
    console.log('minutes', minutes);

    let difference = '';
    if (days > 0) {
        difference += (days === 1) ? `${days} day, ` : `${days} days, `;
    }

    difference += (hours === 0 || hours === 1) ? `${hours} hour, ` : `${hours} hours, `;

    difference += (minutes === 0 || hours === 1) ? `${minutes} minutes` : `${minutes} minutes`; 

    return difference;
}


var timeLeft = timeDiffCalc(new Date('2021-02-17 20:44:50'), new Date()); 
$('.timeLeft').text(timeLeft + " more...");

Answer 1

在时间之前使用T作为时间指标如下

var timeLeft = timeDiffCalc(new Date('2021-02-17T20:44:50'), new Date());

您可以在 MDN 中查看更多日期创建替代方案：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#several_ways_to_create_a_date_object

更新：

根据作者评论，日期是动态给出的。要插入提到的 T，您可以使用 string.replace，如下所示：

var dateStr = '2021-02-17 20:44:50';
dateStr = dateStr.replace(' ', 'T');
var timeLeft = timeDiffCalc(new Date(dateStr), new Date());

时间仅在 iPhone 显示为 Nan

Time shows as Nan on iPhone ONLY

javascript

iphone

jquery

date

iPhone

Chrome 中的移动模拟器显示正常工作

其他人也遇到这个问题吗？

代码