1.Date() 为一个构造函数,必须使用new 来调用创建我们的日期对象
1.1 没有参数,则是返回系统当前的时间
var date = new Date()
1.2 参数常用的写法
1)数字型 2019,10,01
2) 字符串型 ‘2019-10-1 8:8:8’ (最常用)
1) var date1 = new Date(2019, 10, 01)
console.log(date1); //返回是11月份 不是10月份
2) var date2 = new Date('2019-10-1 8:8:8')
console.log(date2);
2.日期的格式化 年月日时分秒
月和天需要注意:都是从0开始的
console.log(date.getFullYear()); // 返回当前日期的年
console.log(date.getMonth()); // 返回当前日期的月 但是月份的定义是0-11 所以实际月份需要+1
console.log(date.getDate());// 返回当前日期的日
console.log(date.getDay()); // 返回当前日期的星期 周一返回1 周六返回6 周天返回0
console.log(date.getHours());//时
console.log(date.getMinutes()); //分
console.log(date.getSeconds()); //秒
2.1封装一个日期的函数 返回XXXX年 XX月 XX日 HH:MM:SS 星期X
function getTime() {
var time = new Date()
var year = time.getFullYear()
var month = time.getMonth()
var date = time.getDate()
//把星期放在一个数组中,然后用get的day 作为索引 进行返回 注意 0是星期天
var arr = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]
var day = time.getDay()
//如果h 是个位数 则用三元运算符判断 并在前面加0
var h = time.getHours()
h = h < 10 ? '0' + h : h
var m = time.getMinutes()
m = m < 10 ? '0' + m : m
var s = time.getSeconds()
s = s < 10 ? '0' + s : s
return "今天是" + year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s + ' '+arr[day]
}
console.log(getTime());
3.获得日期的总的毫秒数 (时间戳) (距离 1970年1月1日 的毫秒数)
3.1 valueof() / getTime()
var dateTime = new Date()
console.log(dateTime.valueOf()); //输出时间戳
console.log(dateTime.getTime()); //输出时间戳
3.2 +new Date() [常用]
var date1 = +new Date()
console.log(date1);//输出时间戳
3.3 H5新增的 获得的总毫秒数
console.log(Date.now());//输出时间戳
4.倒计时的案例 🌟
解题思路:用输入的时间戳减去现在的时间戳 然后进行转换
//需要一个形参 用户传入的时间
function countDown(time) {
//当前的时间戳
var nowTime = + new Date()
// 用户输入的时间戳
var inputDate = + new Date(time)
// 计算出剩余的时间戳 并用一个变量记录
times = (inputDate - nowTime) / 1000 //因为是毫秒数 /1000换算成秒数
//parseInt取整数
var D = parseInt(times / 60 / 60 / 24) //天数
// 添加三元运算符 让个位数前面添加0
D = D < 10 ? '0' + D : D
var H = parseInt(times / 60 / 60 % 24) //时 24取余 不满一天的 小时
H = H < 10 ? '0' + H : H
var M = parseInt(times / 60 % 60) //分
M = M < 10 ? '0' + M : M
var S = parseInt(times % 60) //秒
S = S < 10 ? '0' + S : S
return '倒计时' + D + '天' + H + '时' + M + '分' + S + "秒"
}
console.log(countDown('2023-3-8 20:00:00'));
自动封装日期的代码链接https://blog.csdn.net/m0_60979337/article/details/128401887?spm=1001.2014.3001.5501