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 相关文章推荐
基于Jquery制作的幻灯片图集效果打包下载
Feb 12 Javascript
纯javascript实现简单下拉刷新功能
Mar 13 Javascript
jQuery实现带延迟效果的滑动菜单代码
Sep 02 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
vue中v-model的应用及使用详解
Jun 27 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
Aug 10 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 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
Laravel 5框架学习之Eloquent (laravel 的ORM)
2015/04/08 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
新手入门常用代码集锦
2007/01/11 Javascript
JS Timing
2007/04/21 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jQuery实现放大镜效果实例代码
2016/03/17 Javascript
Js遍历键值对形式对象或Map形式的方法
2016/08/08 Javascript
微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义实例
2016/12/08 Javascript
element ui 对话框el-dialog关闭事件详解
2018/02/26 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
Koa日志中间件封装开发详解
2019/03/09 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
2020/03/06 Javascript
vue项目中使用vue-layer弹框插件的方法
2020/03/11 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
python使用htmllib分析网页内容的方法
2015/05/08 Python
PYTHON基础-时间日期处理小结
2018/05/05 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
通信工程求职信
2014/07/16 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
MySQL的安装与配置详细教程
2021/06/26 MySQL