JavaScript中日期对象Date详解

JavaScript中日期对象Date详解

创建对象

ECMAScript 中的Date 类型是在早期Java 中的java.util.Date 类基础上构建的。为此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970 年1 月1 日午夜(零时)开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下
Date 类型保存的日期能够精确到1970 年1月1 日之前或之后的285616 年。

<script>
	var c=new Date();
</Script>

在调用Date 构造函数而不传递参数的情况下,新创建的对象自动获得当前日期和时间

创建特定时间的Date对象

<script>
	let nowT1 = new Date(123456789) //这个参数是一个毫秒值 从1970年1月1日00:00:00开始加上这个一个毫秒值
    let nowT2 = new Date("January 6,2014") //参数为日期字符串
    let nowT3 = new Date(2019, 5, 1, 19, 30, 50, 20) //参数为多个整数包括:年 月 日 时 分 秒 毫秒 注意:这里的月份是从0开始的
    let nowT4 = new Date("2019-5-1")
    let nowT5 = new Date("2019/5/1")
    //注意: 字符串参数是时间节点 数字参数会默认为毫秒值

</script>

Date对象计算

ECMAScript 5 添加了Date.now()方法,返回表示调用这个方法时的日期和时间的毫秒数。这个方法简化了使用Data对象分析代码的工作。

<script>
	var start=Date.now();
    consloe.log(1);
    var end=Date.now();//返回的是毫秒数。
</script>

Date对象的方法

<script>
    //以下的三种方法返回的都是毫秒数。距离1970
	let now1=Date.now();
    let now2=Date.parse(2019,5,1);
    let now3=Date.UTC(2019,5,1);//接受月份是0-11
</script>

toDateString() 返回的是星期 月 日 年

toTimeString() 返回的是时 分 秒 时区

toLocaleDateString() 返回的是年/月/日

toLocaleTimeString() 返回本地时 分 秒

toUTCString() 返回对应的UTC时间
也就是国际标准时间 比北京晚8个小时

toLocaleString() 返回本地时间

日期方法

getMonth() 返回月 注意:得到的月份是从0开始 要返回当前月需要加1
getDate() 返回日期
getHours() 返回小时
getMinutes() 返回分钟
getSeconds() 返回秒
getDay() 返回星期
getTimezoneOffset() 返回是当前事件与UTC的时区差异 以分钟数表示(考虑夏令营时)

getTime() 返回一个毫秒值
时间为此刻到时间零点的时间

getFullYear() 返回年

字符串方法

**在这里插入图片描述
在这里插入图片描述
**

字符串裁切slice,
slice(开始裁切的位置,结束裁切的位置)

如果只有一个参数, 那么默认把该参数设置为开始位置, 一直裁切到字符串末尾

如果参数是负数, 那么就是倒过来数, 从数组的结尾开始数数.
例:设参数为-a, 那么开始位置的索引就是string.length-a

字符串切割split
该方法可以将一个字符串变为一个数组
split(切割方法)
如果传入空值, 那么就是把整个字符串都变成数组的一个数组项目
如果传入空字符串,那么每一个单个字符都变成数组的一个数组项目
如果传入其他的字符,那么以这个字符为分割线,分隔字符串, 并把分隔后的每一小块的字符变成数组的一个数组项目

var str=“1,2,3,4”;

var a=str.split();

trim() 删除字符串前面和后面得空格

割线,分隔字符串, 并把分隔后的每一小块的字符变成数组的一个数组项目

var str=“1,2,3,4”;

var a=str.split();

trim() 删除字符串前面和后面得空格

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tFagtlVD-1594637291108)(C:\Users\dell\Desktop\我的前端博客\images2\Date3.png)]

猜你喜欢

转载自blog.csdn.net/weixin_44691513/article/details/107322910