在日常开发中,我们经常能看到关于日期的使用,所以对于前端开发人员,掌握日期的表示至关重要。
备注:仅仅掌握日期的使用还不行,我们还要定义自己的日期设置格式,符合自己开发的需求才行。
一、介绍
默认情况下,JavaScript 将使用浏览器的时区并将日期显示为全文本字符串:
Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)
二、创建 Date 对象
js提供四种创建对象:
1、new Date()
2、new Date(year, month, day, hours, minutes, seconds, milliseconds)
3、new Date(milliseconds)
4、new Date(date string)
举例:
<body>
<script>
var d=new Date()//第一种
console.log(d)
var d2=new Date(2019,10,1)//第二种
console.log(d2)
var d3=new Date(1000)//第三种
console.log(d3)
var d4 = new Date("December 25, 2019 12:46:00");//第四种
console.log(d4)
</script>
</body>
输出结果:
Wed Oct 23 2019 22:06:50 GMT+0800 (中国标准时间)
Fri Nov 01 2019 00:00:00 GMT+0800 (中国标准时间)
Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
Wed Dec 25 2019 12:46:00 GMT+0800 (中国标准时间)
二、日期格式化
四种 JavaScript 日期输入格式:
代码如下:
<script>
var d = new Date("2019-05-02");
console.log(d)
var d2 = new Date("05/26/2019");
console.log(d2)
var d3 = new Date("Mar 26 2019");
console.log(d3)
var d4 = new Date("Mon Feb 19 2018 06:55:23");
console.log(d4)
</script>
输出结果:
Thu May 02 2019 08:00:00 GMT+0800 (中国标准时间)
Sun May 26 2019 00:00:00 GMT+0800 (中国标准时间)
Tue Mar 26 2019 00:00:00 GMT+0800 (中国标准时间)
Mon Feb 19 2018 06:55:23 GMT+0800 (中国标准时间)
三、获取日期方法
日期方法允许您获取并设置日期值(年、月、日、时、分、秒、毫秒)
<script>
var d=new Date()
console.log("年"+d.getFullYear())//2019
console.log("月"+ d.getMonth())//9
console.log("日"+d.getDate())//23
console.log("时"+d.getHours())//22
console.log("分"+d.getMinutes())//27
console.log("秒"+d.getSeconds())//
console.log(d.getTime())
console.log(d.getDay())//3
</script>
输出结果:
年2019
月9
日23
时22
分29
秒1
1571840941194
周:3
一般获得和自己平时看到的是一致的,注意月份就行,一般月份输出的比自己看到的小1,因为月份是0-11范围内。
设置日期方法
设置方法用于设置日期的某个部分。下面是最常用的方法。
<body>
<script>
var d = new Date();
d.setFullYear(2020)
d.setMonth(2)//3
d.setDate(2)
d.setHours(2)
d.setMinutes(3)
d.setSeconds(4)
console.log(d)
// Mon 3月 2号 2020年 2点3分4秒
var d2=new Date()
d2.setTime(1000)//设置距离19700101年多了1000秒,
console.log(d2)
</script>
</body>
输出结果:
Mon Mar 02 2020 02:03:04 GMT+0800 (中国标准时间)
Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)