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 源代码显示控件 (Ajax加载方式).
May 18 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
JavaScript圣杯布局与双飞翼布局实现案例详解
Aug 05 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维护文件系统
2006/10/09 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
php动态函数调用方法
2015/05/21 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
PHP如何获取当前主机、域名、网址、路径、端口等参数
2017/06/09 PHP
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
移动端界面的适配
2017/01/11 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
js模块加载方式浅析
2017/08/12 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
python万年历实现代码 含运行结果
2017/05/20 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
python使用minimax算法实现五子棋
2019/07/29 Python
Python colormap库的安装和使用详情
2020/10/06 Python
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
Weblogic的布署方式
2013/08/23 面试题
三字经教学反思
2014/04/26 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
校本教研活动总结
2014/07/01 职场文书
国际会计专业求职信
2014/08/04 职场文书
背起爸爸上学观后感
2015/06/08 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
vue+elementUI实现表格列的显示与隐藏
2022/04/13 Vue.js
德生2P3收音机开箱评测
2022/04/30 无线电
win10忘记pin密码登录不了怎么办?win10忘记pin密码登不进去的解决方法
2022/07/07 数码科技