需求:前端取后端返回的时间与当前时间进行比较展示,展示规则:

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('-', '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方法。

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

js中自然日的计算的更多相关文章

  1. js中对小数的计算

    在js 的计算中如果涉及到小数的运算,那结果可不要想当然了,比如  0.1+0.2 的计算 var num1 = 0.1; var num2 = 0.2; console.log(num1+num2) ...

  2. js中offsetLeft,offsetTop,offsetParent计算边距方法

    封装一个函数获得任一元素在页面的位置 var GetPosition= function (obj) { var left = 0; var top = 0; while(obj.offsetPare ...

  3. JS中数值类型的本质

    一.JS中的数值类型 众所JS爱好友周知,JS中只有一个总的数值类型--number,它包含了整型.浮点型等数值类型.其中,浮点数的实现思想有点复杂,它把一个数拆成两部分来存储.第一部分是有效位数,也 ...

  4. js中如何通过身份证号计算出生日期和年龄

    在html中有如下标签 身份证号:<input type="text" id="Gra_IDCard" onChange="IDCardChan ...

  5. js中进行金额计算parseFloat

    在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题var price = 10.99;var quantity = 7;var needPay = parseFloat(pr ...

  6. js中计算两个日期之差

    js中计算两个日期之差            var aBgnDate, aEndDate;            var oBgnDate, oEndDate;            var nYl ...

  7. js中进行金额计算

    js中进行金额计算parseFloat   在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题var price = 10.99;var quantity = 7;var n ...

  8. js中进行金额计算 parseFloat 会产生精度问题

    在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题 var price = 10.99;var quantity = 7;var needPay = parseFloat(p ...

  9. js中如何将字符串转化为时间,并计算时间差

    在前台页面开发时通常会用到计算两个时间的时间差,先在此附上实现方法 //结束时间 end_str = ("2014-01-01 10:15:00").replace(/-/g,&q ...

随机推荐

  1. android data binding jetpack VI 清理一些概念。BR 运算表达式

    android data binding jetpack VIII BindingConversion android data binding jetpack VII @BindingAdapter ...

  2. [学习笔记] Tangent Distance

    Tangent Distance 简介 切空间距离可以用在KNN方法中度量距离,其解决的是图像经过有限变换之后还能否被分类正确,例如.对一张数字为5的手写数字图片,将其膨胀后得到图像p1,此时KNN还 ...

  3. CentOS6 Zabbix-Agent2.0安装脚本

    #! /bin/bash ##################################### #-----------------------------------# #------zabb ...

  4. selenium爬虫使用

    1. 网页的打开 from selenium import webdriver import time driver = webdriver.Chrome(executable_path=r" ...

  5. 使用谷歌提供的SwipeRefreshLayout下拉控件进行下拉刷新的实现数据的刷新

    package com.loaderman.swiperefreshdemo; import android.os.Bundle; import android.os.Handler; import ...

  6. vue.js 三种方式安装

    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...

  7. wpf webbrowser取消js报错

    private void WebBrowser_Navigated(object sender, NavigationEventArgs e) { SuppressScriptErrors((WebB ...

  8. Proxmox

    vmware: vmware 12 pro proxmox 下载地址 往下会比较麻烦一点,这里就不做展示了(仅供参考)

  9. kubernetes系列:(三)、helm的安装和使用

    一.helm简介 kubernetes : 解决了容器维护的难题,通过yaml编写,比如deployment,job,statefulset.configmap等等,通过控制循环,让容器镜像便于管理, ...

  10. C 表达式中的汇编指令

    asm 为 gcc 中的关键字,asm 表达式为在 C代码中嵌套汇编指令,该表达式只是单纯的替换出汇编代码,并不对汇编代码的含义进行解析. asm 表达式有两种形式,第二种 asm-qualifier ...