1、描述
- 创建一个 JavaScript Date 实例,该实例呈现时间中的某个时刻。Date 对象则基于 Unix Time Stamp,即自 1970 年 1 月 1 日(UTC)起经过的毫秒数。
————————引用自官网
2、语法
(1) 获取当前时间
① 语法格式:
let 变量名 = new Date;
let 变量名 = Date.now();
//输出变量内容
//输出变量类型
② 示例:
<script>
//获取当前日期
let date = new Date;
console.log(date);
console.log(typeof date);
//获取当前日期毫秒数
let dates = Date.now();
console.log(dates);
console.log(typeof dates);
</script>
③ 运行效果
(2)指定时间
② 语法格式:
let 变量名 = new Date(指定的时间);
//输出变量内容
//输出变量类型
② 示例:
<script>
//方法1
let dateOne = new Date('2023-01-28');
console.log(dateOne);
console.log(typeof dateOne);
//方法2
let dateTwo = new Date('January 28,2023 15:00:00');
console.log(dateTwo);
console.log(typeof dateTwo);
//方法3
let dateThr = new Date('2023-01-28T15:00:00');
console.log(dateThr);
console.log(typeof dateThr);
//方法4
let dateFou = new Date(2023,01,28);
console.log(dateFou);
console.log(typeof dateFou);
//方法5
let dateFiv = new Date(2023,01,28,15,0,0);
console.log(dateFiv);
console.log(typeof dateFiv);
</script>
③ 运行效果
3、方法
(1)parse():返回某个日期毫秒数
① 语法格式:
let 变量名 = Date.parse('要转换的时间');
//输出变量结果
② 示例:
<script>
let date = Date.parse('2023-01-28T15:00:00');
console.log(date);
</script>
③ 运行效果
(2)getFullYear():获取年
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取年
② 示例:
<script>
let date = new Date('2023-01-28');
console.log(date.getFullYear());
</script>
③ 运行效果
(3)getMonth():获取月
- 返回值是0 ~ 11,需要在返回值的基础上 +1;
① 语法格式:
let 变量1 = new Date('日期');
let 变量2 = 变量1.getMonth() + 1;
//输出变量2结果并获取月
② 示例:
<script>
let date = new Date('2023-01-28');
let month = date.getMonth() + 1;
console.log(month);
</script>
③ 运行效果
(4)getDate():获取天
- 返回值:1 ~ 31
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取天
② 示例:
<script>
let date = new Date('2023-01-28');
console.log(date.getDate());
</script>
③ 运行效果
(5)getDay():获取日期是星期几
- 返回值0 ~ 6,0表示星期天
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取星期
② 示例:
<script>
let date = new Date('2023-01-28');
console.log(date.getDay());
</script>
③ 运行效果
(6)getHours():获取小时
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取小时
② 示例:
<script>
let date = new Date('2023-01-28T15:05:03');
console.log(date.getHours());
</script>
③ 运行效果
(7)getMinutes():获取分钟
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取分钟
② 示例:
<script>
let date = new Date('2023-01-28T15:05:03');
console.log(date.getMinutes());
</script>
③ 运行效果
(8)getSeconds():获取秒
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取秒
② 示例:
<script>
let date = new Date('2023-01-28T15:05:03');
console.log(date.getSeconds());
</script>
③ 运行效果
(9)getMilliseconds():获取毫秒
① 语法格式:
let 变量名 = new Date('日期');
//输出变量结果并获取毫秒
② 示例:
<script>
let date = new Date();
console.log(date.getMilliseconds());
</script>
③ 运行效果
(10)获取本地时间
① 语法格式:
let 变量1 = toLocaleDateString(); //获取日期
let 变量2 = toLocaleTimeString(); //获取时间
let 变量3 = toLocaleString(); //获取日期 时间
console.log(变量1);
console.log(变量2);
console.log(变量3);
② 示例:
<script>
let dates = new Date();
let date = dates.toLocaleDateString(); //获取日期
let time = dates.toLocaleTimeString(); //获取时间
let dateTime = dates.toLocaleString(); //获取日期/时间
console.log(date);
console.log(time);
console.log(dateTime);
</script>
③ 运行效果
(11)修改日期显示格式
① 语法格式:
let 变量名 = new Date('日期');
函数名(变量名); //调用函数
function 函数名(形参){
//获取年;
//获取月;
//获取日;
return 年 + '-' + 月 + '-' + 日;
}
② 示例:
<script>
//获取时间
let date = new Date();
//输出获取日期的原始值
console.log(date);
//调用函数并赋值给result
let result = DateFormatString(date);
//输出函数执行结果
console.log(result);
//定义函数
function DateFormatString(date){
//获取年
let year = date.getFullYear();
//获取月
let month = date.getMonth() + 1;
month = (month > 10)?month:'0' + month; //月小于10,在数字前加0
//获取天
let day = date.getDate();
day = (day > 10)?day:'0' + day //天小于10,在数字前加0
//获取时间
let time = date.toLocaleTimeString();
//返回值
return year + '-' + month + '-' + day + ' ' + time
}
</script>
③ 运行结果
更多日期对象学习,请参考官网文档
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date