js日期对象Date

本文详细介绍了Date对象的使用,包括实例化方法、参数解析、日期和时间的获取与格式化,以及倒计时和时间戳的计算。重点讲解了getFullYear(), getMonth(), getDate()等方法,并给出了实际示例和格式化日期的技巧。
摘要由CSDN通过智能技术生成

1. Date概述

  • Date对象和Math对象不一样,它是一个构造函数,所以需要实例化后才能使用
  • Date实例化来处理日期和时间

2. Date()方法的使用

(1)获取当前时间必须实例化

var new = new Date();
console.log(now);

(2)Date()构造函数的参数
如果括号里面有时间,就返回参数里面的时间,例如日期格式字符串为’2021-12-8’,可以写成new Date(‘2021-12-8’)或者new Date(‘2021/12/8’)

//Date() 日期对象 构造函数 必须使用new来调用日期对象
var arr = new Array(); //创建一个数组对象
var obj = Object(); //创建了一个对象实例
//1. 使用Date 如果没有参数,就返回当前系统的当前时间
var date = new Date();
console.log(date);
//2. 参数常用的写法 数字型2021,12,8 或者字符串型'2021-12-8 8:8:8'
var date1 = new Date(2021,12,8);
console.log(date1);  //返回的是1
var date2 = new Date('2021-12-8 8:8:8');
console.log(date2);

3. 日期格式化

方法名说明
getFullYear()获取当年 dObj.getFullYear()
getMonth()获取当月(0-11) dObj.getMonth()
getDate()获取当日 dObj.getDate()
getDay()获取当天日期 dObj.getDay()
getHours()获取当前小时 dObj.getHours()
getMinters()获取当前分钟 dObj.getMinuters()
getSeconds()获取当前秒钟 dObj.getSeconds()
//格式化日期 年月日
var date = new Date();
console.log(date.getFullYear()); //返回当前日期的年 2021
console.log(date.getMonth() + 1); //返回当前月份  月份+1
console.log(date.getDate()); //返回当前几号
console.log(date.getDay()); //周日返回的是0
//写一个2021年12月8日 星期三
var year = date.getFullYear();
var month = date.getMonth() + 1;
var dates = date.getDate();
var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
var day = date.getDay();
console.log('今天是:' + year + '年' + month + '月' + dates + '日' + arr[day]);
//格式化日期 时分秒
var date = new Date();
console.log(date.getHours()); //时
console.log(date.getMinutes()); //分
console.log(date.getSeconds()); //秒
//要求封装一个函数返回当前的时分秒 格式 08:08:08
function getTime() {
    var time = new Date();
    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 h + ':' + m + ':' + s;
}
console.log(getTime());
//获得Date总的毫秒数(时间戳) 现在距离1970年1月1日过了多少毫秒数
//1. 通过 valueOf() getTime()
var date = new Date();
console.log(date.valueOf());
console.log(date.getTime());
//2. 简单的写法(最常用)
var date1 = + new Date(); // +new Date() 返回的就是总的毫秒数
console.log(date1);
//3. html5 新增的 获得总的毫秒数
console.log(Date.now());
//倒计时
function countDown(time) {
    var nowTime = +new Date(); //返回当前时间总毫秒数
    var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数
    var times = (inputTime - nowTime) / 1000; //times是剩余时间总的秒数
    var d = parseInt(times / 60 / 60 / 24);
    d = d < 10 ? '0' + d : d;
    var h = parseInt(times / 60 / 60 % 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('2021-12-8 18:00:00'));
var date = new Date();
console.log(date);

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FG.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值