时间与时间戳的转换

什么是时间戳？

• 时间戳是指格林威治时间自1970年1月1日（00:00:00 GTM）至当前时间的总秒数。它也被称为Unix时间戳（Unix Timestamp）。
• 时间戳是能够表示一份数据在一个特定时间点已经存在的完整的可验证的数据，通常是一个字符序列，唯一地标识某一刻的时间

   1、将时间转换成时间戳

•    

  var tempTime1 = Date.parse(new Date());

  //结果：1576585605000 毫秒级别的数值被转化为000

• var tempTime2 = (new Data()).valueOf()

  // 结果：1576585605369通过valueOf()函数返回指定对象的原始值获得准确的时间戳值

• var tempTime3 = new Date().getTime()

  //结果：1576585605369 通过原型方法直接获得当前的毫秒值，准确

• var tempTime4 = Number(new Date())

  //结果：1576585605369，将时间转化为一个number类型的数值，即时间戳

    2、时间戳转换成时间

• var tempTime5 = new Date(1576585605369)

  //直接用 new Date(时间戳) 格式转化获得当前时间

• 案例：JS前一天和后一天
• HTML代码

• <button onclick="goBefore()">前一天</button>
      <button onclick="goAfter()">后一天</button>
      <div id="app"></div>
  
      <script src="index.js"></script>

• javaScript 代码：

  

  var date = new Date();
  
  var app = document.getElementById("app");
  app.innerHTML = myGetDate(date);
  
  //获取时间戳
  var time = date.getTime();//当前的毫秒数
  var oneDay = 1000*60*60*24;//一天的毫秒数
  
  
  //前一天
  function goBefore(){
      var before = time -= oneDay;//计算前一天的毫秒数
      date.setTime(before);
      app.innerHTML = myGetDate(date);
  }
  
  //后一天
  function goAfter(){
      var after = time += oneDay;//计算前一天的毫秒数
      date.setTime(after);
      app.innerHTML = myGetDate(date);
  }
  
  
  //封装日期格式化的方法
  function myGetDate(d){
      return `${d.getFullYear()}年${d.getMonth()+1}月${d.getDate()}日`;
  }

  

时间戳转时间封装

JS文件：

export function parseTime(time, cFormat) {
  if (arguments.length === 0) {
    return null;
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}';
  let date;
  if (typeof time === 'object') {
    date = time;
  } else {
    if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
      time = parseInt(time);
    }
    if (typeof time === 'number' && time.toString().length === 10) {
      time = time * 1000;
    }
    date = new Date(time);
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  };
  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key];
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') {
      return ['日', '一', '二', '三', '四', '五', '六'][value];
    }
    if (result.length > 0 && value < 10) {
      value = '0' + value;
    }
    return value || 0;
  });
  return time_str;
}

使用引入：

import { parseTime } from '.js文件路径'

使用方法：

this.setTime = parseTime(this.setTime,"{y}年{m}月{d}日 {h}:{i}:{s}")

原生Date格式（Thu Aug 20 2020 14:55:18 GMT+0800 (中国标准时间)），并转换成　　2020-08-20 00:00:00 模式

export function protoTime(dataTime, protoFormat) {
    const dataProtoFormat = protoFormat || '{y}-{m}-{d} {h}:{i}:{s}';
    let date = dataTime
    const formatData = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
    };
    const freshData = dataProtoFormat.replace(/{(y|m|d|h|i|s)+}/g, (result, key) => {
        let value = formatData[key];
        if (result.length > 0 && value < 10) {
            value = '0' + value;
        }
        return value || 0;
    });
    return freshData;
}

根据当前的日期，获取最近一周的日期

getDataArea(currentTime) {
				var currentDate = new Date(currentTime)
				var timesStamp = currentDate.getTime();
				var currenDay = currentDate.getDay();
				var weeks = ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"];
				var dates = [];
				for (var i = 0; i < 7; i++) {
					dates.push({
						date: new Date(timesStamp + 24 * 60 * 60 * 1000 * (i - (currenDay + 6) % 7))
							.toLocaleDateString().replace(/\//g, '-'),
						week: weeks[i]
					});
				}
				return dates
			}

结果：