• js 时间戳与日期时间的转换


    // 获取当前时间戳(以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());
    var str = '2013-08-30'; // 日期字符串
    
    str = str.replace(/-/g,'/'); // 将-替换成/,因为下面这个构造函数只支持/分隔的日期字符串
    
    var date = new Date(str); // 构造一个日期型数据,值为传入的字符串


    在上面,new Date(str)构造了一个日期,参数str至少要提供年月日三部分,也就是形如“2013/03/08”的字符串,不能是"2013/03",否则将得到一个NaN。此时构造出来的时间是:2013/03/08 00:00:00。同时你还可以传入小时、分钟和秒数,但不能只传入小时,比如“2013/03/08 17”,这样的参数同样会得到一个NaN。参数可以是“2013/03/08 17:20”或者“2013/03/08 17:20:05”,这样都可以得到正确的时间,其中如果秒数没给出,则默认为0。

    此时得到的是日期型数据,如果要得到上面所谓的时间戳,可以这样:
    var time = date.getTime();
  • 相关阅读:
    9.Vue技术栈开发实战-使用Mock模拟Ajax请求
    8.Vue技术栈开发实战-Ajax请求实战
    7.Vue技术栈开发实战-状态管理Vuex进阶
    6.Vue技术栈开发实战-状态管理Vuex(二)
    5.Vue技术栈开发实战-状态管理Vuex(一)
    4.Vue技术栈开发实战-状态管理bus的使用
    3.Vue技术栈开发实战-路由进阶篇
    2.Vue技术栈开发实战-路由基础篇
    Vue技术栈开发实战_汇总贴
    1.Vue技术栈开发实战-使用vue-cli3创建项目
  • 原文地址:https://www.cnblogs.com/The-second/p/6477228.html
Copyright © 2020-2023  润新知