网站首页 > 知识剖析 正文
获取当前时间,格式为:2020/07/04 17:00(此时此刻)
获取指定时间,格式为:2020/07/05 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/07/04 17:00明天的此时此刻: 2020/07/05 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/07/04 17:00
明天的此时此刻: 2020/07/05 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;
};
私信发送:200704,获取代码文件(和文中内容一致)
- 上一篇: JavaScript中的日期对象
- 下一篇: js日期工具类
猜你喜欢
- 2024-12-07 (建议收藏) | 企业中Vue.js最常用的第三方插件
- 2024-12-07 前端基础:JavaScript
- 2024-12-07 SpringBoot @JsonFormat无法接收前端传递的日期字符串
- 2024-12-07 七爪源码:如何在 JavaScript 中从日期中减去 6 个月
- 2024-12-07 如何在 JavaScript 中按日期对对象数组进行排序
- 2024-12-07 JS Date对象的妙用:如何更优雅的计算时间差?
- 2024-12-07 在js中常见的时间格式及其转换
- 2024-12-07 Web前端最强JavaScript Excel处理插件——exceljs
- 2024-12-07 js获取时间戳的几种方式
- 2024-12-07 Axure高保真教程:日期时间下拉列表
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)