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资料toString 方法
Mar 13 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
js和jquery中循环的退出和继续下一个循环
Sep 03 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
Dec 19 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
Vue组件创建和传值的方法
Aug 17 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
javascript事件监听与事件委托实例详解
Aug 16 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连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
php批量修改表结构实例
2017/05/24 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
Javascript 读后台cookie代码
2008/09/15 Javascript
JavaScript 动态改变图片大小
2009/06/11 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
2016/12/20 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
如何使用python实现模拟鼠标点击
2020/01/06 Python
Python识别html主要文本框过程解析
2020/02/18 Python
解决pycharm不能自动保存在远程linux中的问题
2021/02/06 Python
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
写好自荐信要注意的问题
2013/11/10 职场文书
大学生党课思想汇报
2013/12/29 职场文书
元宵晚会主持词
2014/03/25 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
社区敬老月活动总结
2015/05/07 职场文书
导游词之太湖
2019/10/08 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫
nginx设置资源请求目录的方式详解
2022/05/30 Servers