JavaScript时间戳与时间日期间相互转换


Posted in Javascript onDecember 11, 2017

今天在工作中要将获取到的时间转换为时间戳,一时间竟不知道怎么用,于是不得不去查询资料,这里特地做个笔记。

  1、将日期转换为时间戳。

要将日期转换为时间戳,首先得先获取到日期,这里可以直接指定日期,或者是使用当前日期。要获取当前日期,我们可以使用new Date()来获取。直接上代码。

// (1)、将当前日期转换为时间戳。
  var now = new Date();
  console.log(now.getTime()) // 将当前日期转换为时间戳,getTime()方法可返回距1970年1月1日之间的毫秒数。

// (2)、将指定日期转换为时间戳。
  var t = "2017-12-08 20:5:30"; // 月、日、时、分、秒如果不满两位数可不带0.
  var T = new Date(t); // 将指定日期转换为标准日期格式。Fri Dec 08 2017 20:05:30 GMT+0800 (中国标准时间)
  console.log(T.getTime()) // 将转换后的标准日期转换为时间戳。

  2、将时间戳转换为日期。

var t = 787986456465; // 当参数为数字的时候,那么这个参数就是时间戳,被视为毫秒,创建一个距离1970年1月一日指定毫秒的时间日期对象。
console.log(new Date(t)) // Wed Dec 21 1994 13:07:36 GMT+0800 (中国标准时间)
var t2 = "2017-5-8 12:50:30";
console.log(new Date(t2)) // Mon May 08 2017 12:50:30 GMT+0800 (中国标准时间)
var t3 = "2017-10-1";
console.log(new Date(t3)) // Sun Oct 01 2017 00:00:00 GMT+0800 (中国标准时间) 不设定时分秒,则默认转换为00:00:00

PS:下面看下javascript时间戳和日期字符串相互转换

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
// 获取当前时间戳(以s为单位)
var timestamp = Date.parse(new Date());
timestamp = timestamp / 1000;
//当前时间戳为:1403149534
console.log("当前时间戳为:" + timestamp);
// 获取某个时间格式的时间戳
var stringTime = "2014-07-10 10:21:12";
var timestamp2 = Date.parse(new Date(stringTime));
timestamp2 = timestamp2 / 1000;
//2014-07-10 10:21:12的时间戳为:1404958872 
console.log(stringTime + "的时间戳为:" + timestamp2);
// 将当前时间换成时间格式字符串
var timestamp3 = 1403058804;
var newDate = new Date();
newDate.setTime(timestamp3 * 1000);
// Wed Jun 18 2014 
console.log(newDate.toDateString());
// Wed, 18 Jun 2014 02:33:24 GMT 
console.log(newDate.toGMTString());
// 2014-06-18T02:33:24.000Z
console.log(newDate.toISOString());
// 2014-06-18T02:33:24.000Z 
console.log(newDate.toJSON());
// 2014年6月18日 
console.log(newDate.toLocaleDateString());
// 2014年6月18日 上午10:33:24 
console.log(newDate.toLocaleString());
// 上午10:33:24 
console.log(newDate.toLocaleTimeString());
// Wed Jun 18 2014 10:33:24 GMT+0800 (中国标准时间)
console.log(newDate.toString());
// 10:33:24 GMT+0800 (中国标准时间) 
console.log(newDate.toTimeString());
// Wed, 18 Jun 2014 02:33:24 GMT
console.log(newDate.toUTCString());
Date.prototype.format = function(format) {
    var date = {
       "M+": this.getMonth() + 1,
       "d+": this.getDate(),
       "h+": this.getHours(),
       "m+": this.getMinutes(),
       "s+": this.getSeconds(),
       "q+": Math.floor((this.getMonth() + 3) / 3),
       "S+": this.getMilliseconds()
    };
    if (/(y+)/i.test(format)) {
       format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
    }
    for (var k in date) {
       if (new RegExp("(" + k + ")").test(format)) {
           format = format.replace(RegExp.$1, RegExp.$1.length == 1
              ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
       }
    }
    return format;
}
console.log(newDate.format('yyyy-MM-dd h:m:s'));
</script>

后面一种直接是设置prototype来做格式的转换。

总结

以上所述是小编给大家介绍的JavaScript时间戳与时间日期间相互转换,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js实现拖拽 闭包函数详细介绍
Nov 25 Javascript
js实现的四级左侧网站分类菜单实例
May 06 Javascript
深入学习jQuery Validate表单验证
Jan 18 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
js格式化时间的简单实例
Nov 27 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
Aug 13 Javascript
详解angularjs4部署文件过大解决过程
Dec 05 Javascript
vue实现form表单与table表格的数据关联功能示例
Jan 29 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 #Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 #Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 #Javascript
微信小程序使用radio显示单选项功能【附源码下载】
Dec 11 #Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 #Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 #Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 #Javascript
You might like
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
jQuery Pagination分页插件_动力节点Java学院整理
2017/07/17 jQuery
JS实现图片手风琴效果
2020/04/17 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
在Web关闭页面时发送Ajax请求的实现方法
2019/03/07 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
[36:33]2018DOTA2亚洲邀请赛 4.3 突围赛 EG vs Newbee 第二场
2018/04/04 DOTA
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
python发送邮件接收邮件示例分享
2014/01/21 Python
Python实现保证只能运行一个脚本实例
2015/06/24 Python
python中hashlib模块用法示例
2017/10/30 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
在Python中使用Neo4j的方法
2019/03/14 Python
python 实现矩阵按对角线打印
2019/11/29 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
英国最受欢迎的母婴精品品牌:JoJo Maman BéBé
2021/02/17 全球购物
大学四年个人的自我评价
2014/02/26 职场文书
关于保护环境的建议书
2014/08/26 职场文书
社区敬老月活动总结
2015/05/07 职场文书
2016新年感言
2015/08/03 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
Python实现byte转integer
2021/06/03 Python