JS:格式化日期时间与封装,思路与代码(附文件)

小小的需求:

获取当前时间,格式为:2020/06/30 17:00(此时此刻)

获取指定时间,格式为:2020/07/01 17:00(一天后,即明天的此时此刻)

一、实现思路

1. 创建一个方法,将传入的日期对象处理后直接返回,先贴上代码:

// 格式化 日期时间
function formatDateTime(date = new Date()) { //不传date则默认当前时间
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();
  // 不足两位,添“0”
  month = month < 10 ? "0" + month: month;
  day = day < 10 ? "0" + day: day;
  hour = hour < 10 ? "0" + hour: hour;
  minute = minute < 10 ? "0" + minute: minute;
  second = second < 10 ? "0" + second: second;
  return year + "/" + month + "/" + day + " " + hour + ":" + minute + ":" + second;
}

// 此时此刻
let today = formatDateTime();
console.log("此时此刻:", today);

// 明天的此时此刻
let t = new Date().getTime() + 60 * 60 * 24 * 1000; //24小时后的时间戳
let tomorrow = formatDateTime(new Date(t));
console.log("明天的此时此刻:", tomorrow);

2. 代码解析:

formatDateTime():传入Date对象,获取年月日、时分秒,返回处理后的日期时间字符串;

today:调用时不传参,即获取此时此刻的日期字符串;

tomorrow:参数为明天(此时此刻)的日期字符串;

t = new Date().getTime() + 60 * 60 * 24 * 1000:当前时间戳 + 24小时的毫秒值 = 明天(此时此刻)的时间戳,且new Date(t)将时间戳转为Date对象,最终得到明天(此时此刻)的日期字符串。

控制台输出:

此时此刻: 2020/06/30 17:00
明天的此时此刻: 2020/07/01 17:00

二、代码优化

1. 基于以上思路,再加入多个参数,实现自定义分隔符等,同样先贴出代码:

// 格式化 日期时间
function formatDateTime(date = new Date(), p1 = "-", p2 = ":") {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();
  return [year, month, day].map(formatNumber).join(p1) + " " + [hour, minute, second].map(formatNumber).join(p2);
}

// 格式化 日期数字
function formatNumber(n) {
  n = n.toString();
  return n[1] ? n: "0" + n;
}

// 此时此刻
let today = formatDateTime(undefined, "/");
console.log("此时此刻:", today);

// 明天的此时此刻
let t = new Date().getTime() + 60 * 60 * 24 * 1000; //24小时后的时间戳
let tomorrow = formatDateTime(new Date(t), "/");
console.log("明天的此时此刻:", tomorrow);

2. 代码解析:

formatDateTime():加入分隔符参数,不传则使用默认值;

formatNumber():数字不足两位,在前面补“0”并返回;

today:传入undefined,判断不存在,即使用默认值;

tomorrow:传入自定义的日期对象。

控制台输出:

此时此刻: 2020/06/30 17:00
明天的此时此刻: 2020/07/01 17:00

三、更多

或者这样写:

// 格式化 日期时间
var formatDateTime = (date = new Date(), p1 = "-", p2 = ":") =>{
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();
  let hour = date.getHours();
  let minute = date.getMinutes();
  let second = date.getSeconds();
  return [year, month, day].map(formatNumber).join(p1) + " " + [hour, minute, second].map(formatNumber).join(p2);
};

// 格式化 日期数字
var formatNumber = (n) =>{
  n = n.toString();
  return n[1] ? n: "0" + n;
};

 附件下载(CSDN)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章