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获取某月的最后一天日期的简单实例
Jun 22 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
Angularjs 基础入门
Dec 26 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
jquery预加载图片的方法
May 27 Javascript
jQuery 如何给Carousel插件添加新的功能
Apr 18 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
Vue触发隐藏input file的方法实例详解
Aug 14 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 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 preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
PHPMailer 中文使用说明小结
2010/01/22 PHP
php共享内存段示例分享
2014/01/20 PHP
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python字典基本操作实例分析
2015/07/11 Python
python PyTorch参数初始化和Finetune
2018/02/11 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
python实现一组典型数据格式转换
2018/12/15 Python
python gensim使用word2vec词向量处理中文语料的方法
2019/07/05 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
python3 BeautifulSoup模块使用字典的方法抓取a标签内的数据示例
2019/11/28 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
蒙蒂塞罗商店:Monticello Shop
2018/11/25 全球购物
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2014/03/05 面试题
自荐信不宜过于夸大
2013/11/06 职场文书
政府个人对照检查材料
2014/08/28 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
会计求职信怎么写
2015/03/20 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
思品教学工作总结
2015/08/10 职场文书
《山中访友》教学反思
2016/02/24 职场文书