动力节点首页 全国咨询热线:400-8080-105

绑定手机号,登录
手机号

验证码

微信登录
手机号登录
手机号

验证码

微信登录与注册
微信扫码登录与注册

扫码关注微信公众号完成登录与注册
手机号登录
首页 > 文章

JavaScript常用方法(二)

04-06 21:05 608浏览
举报 T字号
  • 大字
  • 中字
  • 小字

1.日期和时间对象

日期和时间对象:该对象的作用是用来操作日期和时间的。

方式一:var 日期和时间对象= new Data();//该方式返回的是系统当前的日期和时间;

<script>
        var date = new Date();
        console.log(date);
        console.log(typeof date);
</script>

方式二:var 日期和时间对象名称=new Date('表示日期和时间的字符串');

常用的表示日期和时间的字符串的格式如下:

  • ‘年 月 日 时:分: 秒’;
  • ‘年-月-日 时:分:秒’;
  • ‘年/月/日 时:分:秒’;
var str = '2002-3-3 12:20:21';
var str = '2002/3/2 12:20:21';
var str = '2002 3 2 12:20:21';
var date = new Date(str);
console.log(date);

方式三:var 日期和时间对象名称=new Date(毫秒值);

该方式返回的是距离:1970年1月1日0时0分0秒的毫秒值

var date = new Date(3000);
console.log(date);

2.日期和对象常用的方法

(1)getFullYear方法

  • 作用:获取日期和时间对象中的年份
  • 格式:日期和时间对象.getFullYear();
<script>
        var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(typeof date);
</script>

(2)getMonth方法:

  • 作用:获取日期和时间对象中的年份
  • 格式:日期和时间对象.getMonth();
  • 返回值:0-11 (0表示1月份,11表示12月份)
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getMonth());

(3)getDate方法:

  • 作用:获取日期和时间对象中的天
  • 格式:日期和时间对象.getDate();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getDate());

(4)getDay()

  • 作用:获取日期和时间中的周
  • 格式:日期和是时间对象.getDay();
  • 注意:返回值为1-6和0,0表示星期日
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getDay());

(5)getHours方法

  • 作用:获取日期和时间中的小时
  • 格式:日期和时间对象.getHours();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getHours());

(6)getMinutes方法

  • 作用:获取日期和时间对象中的分钟
  • 格式:日期和时间对象.getMinutes();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getMinutes());

(7)getSeconds方法

  • 作用:获取日期和时间对象中的秒
  • 格式:日期和时间对象.getSeconds();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getSeconds());

(8)getMilliseconds方法

  • 作用:获取日期和时间对象中的毫秒
  • 格式:日期和时间对象.getMilliseconds();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getMilliseconds());

(9)getTime方法

  • 作用:获取距离1970年1月1日0时0分0秒的毫秒值
  • 格式:日期时间对象.getTime();
var date = new Date();
console.log(date);
console.log(date.getFullYear());
console.log(date.getTime());

3.修改日期和对象常用的方法

(1)setFullYear()方法

  • 作用:修改日期对象中的年份
  • 格式:日期时间对象.setFullYear(新的年份);
<script>
        var date = new Date();
        date.setFullYear(2023);
        console.log(date);
</script>

(2)setMonth方法

  • 作用:修改日期时间对象中的月份
  • 格式:日期时间对象.setMonth(新的月份);
  • 注意:可以用0-11表示月份(0表示1月,11表示12月),如果大于11,则会有进位现象
<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        console.log(date);
</script>

(3)setHours方法

  • 作用:修改日期时间对象中的小时
  • 格式:日期时间对象.setHours(新的小时);
  • 注意:如果参数大于等于24则会有进位的现象
<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        date.setHours(24);
        console.log(date);
</script>

(4)setMinutes方法

  • 作用:修改日期时间中的分钟
  • 格式:日期时间对象.setMinutes(新的分钟);
  • 注意:如果参数大于等于60则会进位
<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        date.setHours(24);
        date.setMinutes(60);
        console.log(date);
</script>

(5)setDate方法

  • 作用:修改日期对象中的天
  • 格式:日期时间对象.setDate(新的天);
var date = new Date();
date.setDate(20);
console.log(date);

(6)toLocaleDateString方法

  • 作用:将日期时间对象转换为字符串,只有日期,没有时间
  • 格式:日期时间对象.toLocaleDateString
var date = new Date();
// var res = date.toLocaleString();
var res = date.toLocaleDateString();
console.log(res);

(7)toLocaleTimeString方法

  • 作用:将日期时间对象转换为字符串,只有时间,没有日期
  • 格式:日期时间对象.toLocaleTimeString   
        var date = new Date();
        // var res = date.toLocaleString();
        // var res = date.toLocaleDateString();
        var res = date.toLocaleTimeString();
        console.log(res);(四)、toString方法

作用:将日期时间对象转换为字符串,包含日期和时间

格式:日期时间对象.toString();

var date = new Date();
// var res = date.toLocaleString();
// var res = date.toLocaleDateString();
// var res = date.toLocaleTimeString();

var res = date.toString()
console.log(res);

(8)toDateString方法

  • 作用:将日期时间对象转换为字符串,只有日期,没有时间
  • 格式:日期时间对象.toDateString

(9)toTimeString方法

  • 作用:将日期时间对象转换为字符串,只有时间,没有日期
  • 格式:日期时间对象.toTimeString();
var res = date.toTimeString();
var res = date.toDateString();
console.log(res);

4.日期时间对象的比较

日期时间对象的比较

方式一:可以将两个日期时间对象之间做差,结果为两个日期时间所差的毫秒值

<script>
        var date1 = new Date('2020-1-1 10:10:10');
        var date2 = new Date('2020-1-2 10:10:10');
        console.log(date2 - date1);
</script>

方式二:先获取两个日期距离1970年1月1日的毫秒值,然后将毫秒值做差

var date1 = new Date('2020-1-1 10:10:10');
var date2 = new Date('2020-1-2 10:10:10');
var time1 = date1.getTime();
console.log(time1);
var time2 = date2.getTime();
console.log(time2);
console.log(date2 - date1);        

 

0人推荐
共同学习,写下你的评论
0条评论
 暴风城-小飞
程序员 暴风城-小飞

5篇文章贡献20965字

相关课程 更多>

作者相关文章更多>

推荐相关文章更多>

JavaWeb的3大组件

代码小兵49806-11 15:28

全面解析Cookie技术

代码小兵49806-11 15:51

浅谈JavaWeb架构演变

代码小兵49806-11 16:22

探讨Web开发中的Session存储与管理

代码小兵51603-29 17:28

JavaScript基础知识

 暴风城-小飞04-06 20:49

发评论

举报

0/150

取消