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 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
JQuery实现倒计时按钮具体方法
Nov 14 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
Apr 04 Javascript
理解AngularJs指令
Dec 10 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
基本DOM节点操作
Jan 17 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
vue 项目地址去掉 #的方法
Oct 20 Javascript
JavaScript实现省份城市的三级联动
Feb 11 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
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中替换换行符的几种方法小结
2012/10/15 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
在myeclipse中如何加入jquery代码提示功能
2014/06/03 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
js实现点击左右按钮轮播图片效果实例
2015/01/29 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
vue element实现表格合并行数据
2020/11/30 Vue.js
python字典操作实例详解
2017/11/16 Python
Python中django学习心得
2017/12/06 Python
Flask入门之上传文件到服务器的方法示例
2018/07/18 Python
PyTorch中的Variable变量详解
2020/01/07 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
python suds访问webservice服务实现
2020/06/26 Python
如何基于Python爬取隐秘的角落评论
2020/07/02 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
初一科学教学反思
2014/01/27 职场文书
大型晚会策划方案
2014/02/06 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
小学生运动会广播
2015/08/19 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
Go语言空白表示符_的实例用法
2021/07/04 Golang