老程序员分享:js中自然日的计算

简介: 老程序员分享:js中自然日的计算

"

需求:前端取后端返回的时间与当前时//代码效果参考:https://v.youku.com/v_show/id_XNjQwNjU2NzcyMA==.html

间进行比较展示,展示规则:

1、返回的时间跟当前时间同年同月同日 显示 今天

2、返回的时间与当前时间相差在7天以内 显示 某天前

3、返回的时间与当前时间相差大于7天 显示 yyyy-mm-dd

4、是自然日的计算。 例如:返回的时间是 2018-10-31 23:59:59 当前时间是 2018-11-01 14:38:00 (这里时间戳相减是小于24个小时) 或 返回的时间是 2018-10-31 00:00:01 当前时间是 2018-11-01 14:38:00 (这里时间戳相减是大于24个小时) 都算是一天

背景:考虑过时间戳相减计算,但是行不怎么通。如下:

function getTimeDifference(date1,date2){

date1 = new Date(date1.replace(/-/g, ""\/""));

date2 = new Date(date2.replace(/-/g, ""\/""));

var days = date2.getTime() - date1.getTime();

var time = parseInt(days / (1000 60 60 * 24));

return time;

}

分析:用上面列举的时间,放到这个函数里面计算, 第一个得到的天是0 第二个是 1 显然,第一个得到的是错误的。这里是用parseInt得到的结果取整,换成向下或向上取整都有类似的问题。

解决办法:

var lastTime = function (time) {

if (time === ""无访问记录"") return time;

if (typeof time === ""string"") {

var regexp = getRegExp('-', //代码效果参考:https://v.youku.com/v_show/id_XNjQwMDEyNDgwOA==.html

'g');

time = time.replace(regexp, '/');

}

var ct = getDate(),

tt = getDate(time),

curDate = ct.getDate(),

tDate = tt.getDate(),

diff = getDate().getTime() - getDate(time).getTime(),

day = 24 3600 1000,

count = 0;

if (diff < 8 * day) {

if (curDate === tDate) {

return ""今天"";

}

while (tDate !== curDate) {

count++;

tt.setDate(++tDate);

tDate = tt.getDate();

}

return count + ""天前"";

}

return _toDate(time);

},

分析:重点在while语句里面,当然 while语句在 diff < 8 * day 条件下,就不用考虑 不同月的同一天。执行环境是小程序中的wxs中,所以用的是wxs中的方法,需要的可以更换对应的js方法。

思路来源于我另外一篇随笔:点击进入


"
image.png
相关文章
|
1月前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
1月前
|
JavaScript 前端开发 大数据
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
数字太大了,计算加法、减法会报错,结果不正确?怎么办?用JavaScript实现大数据(超过20位的数字)相加减运算。
|
1月前
|
缓存 JavaScript 前端开发
Vue.js计算属性:实现数据驱动的利器
Vue.js计算属性:实现数据驱动的利器
|
3天前
|
Web App开发 JavaScript 前端开发
程序员必知:【three.js练习程序】创建地球贴图
程序员必知:【three.js练习程序】创建地球贴图
14 0
|
1天前
|
缓存 JavaScript 前端开发
老程序员分享:js刷新页面得重新加载和页面的刷新
老程序员分享:js刷新页面得重新加载和页面的刷新
|
1天前
|
缓存 JavaScript 前端开发
程序员必知:广告等第三方应用嵌入到web页面方案之使用js片段
程序员必知:广告等第三方应用嵌入到web页面方案之使用js片段
|
1天前
|
JavaScript 前端开发 IDE
程序员必知:WPSJSA宏编程(JS):1.初识
程序员必知:WPSJSA宏编程(JS):1.初识
|
1天前
|
JavaScript 程序员 索引
老程序员分享:JS基础知识(正则)
老程序员分享:JS基础知识(正则)
|
2天前
|
JavaScript 程序员
老程序员分享:JS日期格式转换
老程序员分享:JS日期格式转换
|
2天前
|
JavaScript 程序员
老程序员分享:js实现复选框的全选、全部选和反选
老程序员分享:js实现复选框的全选、全部选和反选