简述:我们在写Echarts的时候,难免会用到js中的new Date(),用来获取时间,
今天就来分享下它的用法,顺便做下笔记。
关于new Date()的一些js方法:
const nowDate = new Date();
//中国标准时间
console.log("1、", nowDate);
//获取完整的年份(4位,1970-????)
console.log("2、", nowDate.getFullYear());
//获取当前月份(0-11,0代表1月)
console.log("3、", nowDate.getMonth());
//获取当前日(1-31)
console.log("4、", nowDate.getDate());
//获取当前星期X(0-6,0代表星期天)
console.log("5、", nowDate.getDay());
//获取当前时间(从1970.1.1开始的毫秒数),可以理解为时间戳
console.log("6、", nowDate.getTime());
//获取当前小时数(0-23)
console.log("7、", nowDate.getHours());
//获取当前分钟数(0-59)
console.log("8、", nowDate.getMinutes());
//获取当前秒数(0-59)
console.log("9、", nowDate.getSeconds());
//获取当前毫秒数(0-999)
console.log("10、", nowDate.getMilliseconds());
//获取当前日期
console.log("11、", nowDate.toLocaleDateString());
//获取当前时间
console.log("12、", nowDate.toLocaleTimeString());
//获取日期与时间
console.log("13、", nowDate.toLocaleString());
输出:
new Date()操作实例:
1、获取前一段时间的日期
首先定义一个getPreviousDate函数,方便调用
function getPreviousDate(numOfDays) {
var date = new Date();
date.setDate(date.getDate() - numOfDays);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return year + "-" + month + "-" + day;
}
难点:这里用到了setDate()方法,该方法用于实现日期的相加减,它接收一个整数,如果这个整数大于当前时间对象中月份的日期上线,则自动往前进位,余数为下个月的日期;
解析:setDate()方法中的参数表示一个月中的一天的一个数值(1 ~ 31),0 为上一个月的最后一天,-1 为上一个月最后一天之前的一天,如果当月有 31 天,32 为下个月的第一天,如果当月有 30 天,32 为下一个月的第二天。
函数调用,获取前7天的日期:
var previousDate = getPreviousDate(7);
console.log(previousDate);
// 输出:2023-4-3
以上代码中 getPreviousDate 函数用于获取前一段时间的日期,参数 numOfDays表示需要获取的天数,然后利用 Date 对象的 setDate 方法来实现日期的计算,减去 numOfDays天即可获得前一段时间的日期,最后将年月日拼接成字符串并返回即可。文章来源:https://www.toymoban.com/news/detail-707931.html
2、获取前6年
function beforeSixYear() {
const date = new Date().getUTCFullYear();
const yearList = [];
for (let i = 1; i <= 6; i++) {
console.log(i);
yearList.push(date - i);
}
return yearList;
};
const sixYear = beforeSixYear()
console.log(sixYear);
// 输出: [2022, 2021, 2020, 2019, 2018, 2017]
......文章来源地址https://www.toymoban.com/news/detail-707931.html
到了这里,关于JavaScript获取时间(js中的new Date(),获取前7天时间)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!