使用javascript将时间转换成今天,昨天,前天等格式


Posted in Javascript onJune 25, 2015

方法超级简单,把时间格式化一下就好了,直接奉上代码

function transDate() {
    var $time =document.getElementById("share-time");
    var date = $time.innerHTML.trim();
    var tt = new Date(parseInt(date));
    var days = parseInt((new Date().getTime() - date) / 86400000);
    var today = new Date().getDate();
    var year = tt.getFullYear();
    var mouth = tt.getMonth() + 1;
    var day = tt.getDate();
    var time = tt.getHours() < 10 ? "0" + tt.getHours() : tt.getHours();
    var min = tt.getMinutes() < 10 ? "0" + tt.getMinutes() : tt.getMinutes();
    var result, offset;


 offset = Math.abs(today - day);


if (days < 4&&offset<4) {



 if (offset === 0) {
        result = "今天" + time + ":" + min;
      } else if (offset === 1) {
        result = "昨天" + time + ":" + min;
      } else if (offset === 2) {
        result = "前天" + time + ":" + min;
      }
    } else {
      result = year + "-" + mouth + "-" + day + " " + time + ":" + min;
    }
    $time.innerHTML = result;
  }
  transDate();

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
js 控制页面跳转的5种方法
Sep 09 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
JS在可编辑的div中的光标位置插入内容的方法
Nov 20 Javascript
Jquery promise实现一张一张加载图片
Nov 13 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
原生js实现拖拽功能基本思路详解
Apr 18 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
基于vue--key值的特殊用处详解
Jul 31 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
javascript中的Function.prototye.bind
Jun 25 #Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 #Javascript
jquery实现的缩略图预览滑块实例
Jun 25 #Javascript
使用javascript提交form表单方法汇总
Jun 25 #Javascript
Jquery结合HTML5实现文件上传
Jun 25 #Javascript
浅谈jQuery.easyui的datebox格式化时间
Jun 25 #Javascript
javascript学习笔记之函数定义
Jun 25 #Javascript
You might like
php防注入及开发安全详细解析
2013/08/09 PHP
Destoon模板制作简明教程
2014/06/20 PHP
PHP生成图片验证码、点击切换实例
2014/06/25 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
浅谈super-vuex使用体验
2018/06/25 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
python如何通过twisted实现数据库异步插入
2018/03/20 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
python之PyQt按钮右键菜单功能的实现代码
2019/08/17 Python
Python实现微信好友的数据分析
2019/12/16 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
python爬取股票最新数据并用excel绘制树状图的示例
2021/03/01 Python
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
校园安全标语
2014/06/07 职场文书
李强感恩观后感
2015/06/17 职场文书
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS