JavaScript 日期时间函数的使用

2024-01-03 17:49:56

Hi i,m JinXiang


? 前言 ?

本篇文章主要介绍在在JavaScript 日期时间函数的使用以及部分理论知识


🍉欢迎点赞 👍 收藏 ?留言评论 📝私信必回哟😁

🍉博主收将持续更新学习记录获,友友们有任何问题可以在评论区留言


目录

什么是日期时间函数?

使用日期时间函数:

一、Date 对象

Date 对象的语法:

Date 对象属性

一、constructor:对创建此对象的 Date 函数的引用。

二、prototype:有能力向对象添加属性和方法。

Date 对象属性总结:

常用的日期时间函数:

总结 Date 对象方法使用


什么是日期时间函数?

在JavaScript中日期时间函数是一组用于操作和处理日期和时间的函数。这些函数可以用于获取当前日期和时间、格式化日期和时间、计算日期和时间的差异、转换日期和时间的格式等。在JavaScript中,日期时间函数包括内置的Date对象和一些内置方法,可以通过这些方法来执行各种日期和时间相关的操作。

使用日期时间函数:

一、Date 对象

Date 对象用于处理日期与时间。

Date 对象的语法:

创建 Date 对象:?new Date()

以下四种方法同样可以创建 Date 对象:

var d = new Date();
var d = new Date(milliseconds); // 参数为毫秒
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
  • milliseconds?参数是一个 Unix 时间戳(Unix Time Stamp),它是一个整数值,表示自 1970 年 1 月 1 日 00:00:00 UTC(the Unix epoch)以来的毫秒数。

  • dateString?参数表示日期的字符串值。

  • year, month, day, hours, minutes, seconds, milliseconds?分别表示年、月、日、时、分、秒、毫秒。

Date 对象属性
一、constructor:对创建此对象的 Date 函数的引用。

实例:返回创建Date对象的函数原型:

myDate.constructor;

结果输出:

function Date() { [native code] }

代码示例:?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>锦湘的博客</title>
</head>
<body>

<p id="demo">单击按钮创建一个Date对象,并返回构造函数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x=document.getElementById("demo");
	x.innerHTML=d.constructor;
}
</script>

</body>
</html>
二、prototype:有能力向对象添加属性和方法。

实例:创建一个新的日期对象方法:

Date.prototype.myMet=function()
{
if (this.getMonth()==0){this.myProp="January"};
if (this.getMonth()==1){this.myProp="February"};
if (this.getMonth()==2){this.myProp="March"};
if (this.getMonth()==3){this.myProp="April"};
if (this.getMonth()==4){this.myProp="May"};
if (this.getMonth()==5){this.myProp="June"};
if (this.getMonth()==6){this.myProp="July"};
if (this.getMonth()==7){this.myProp="August"};
if (this.getMonth()==8){this.myProp="Spetember"};
if (this.getMonth()==9){this.myProp="October"};
if (this.getMonth()==10){this.myProp="November"};
if (this.getMonth()==11){this.myProp="December"};
}

创建一个 Date 对象,调用对象的 myMet 方法:

var d = new Date();
d.myMet();
var monthname = d.myProp;

monthname?输出结果:

var d = new Date(); d.myMet(); document.write(d.myProp);

prototype代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>锦湘的博客</title>
</head>
<body>

<p id="demo">单击按钮创建一个Date对象,并返回构造函数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d = new Date();
	var x=document.getElementById("demo");
	x.innerHTML=d.constructor;
}
</script>

</body>
</html>
Date 对象属性总结:
属性描述
constructorconstructor 属性返回对创建此对象的 Date 函数的引用。
prototype有能力向对象添加属性和方法。

常用的日期时间函数:

1、获取当前日期和时间(Date):要获取当前日期和时间,可以使用JavaScript中的Date对象。Date对象是内置的日期和时间函数,可以获取当前的日期和时间。

以下是获取当前日期和时间的示例代码:

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

2、获取当前年份(getFullYear):可以使用 Date 对象的 getFullYear() 方法来获取当前的年份。以下是获取当前年份的示例代码:

var currentDate = new Date();
var currentYear = currentDate.getFullYear();
console.log(currentYear);

这段代码中,我们首先创建了一个 Date 对象,然后使用 getFullYear() 方法获取当前的年份,最后将结果打印到控制台。

3、获取当前月份(注意:月份是从0开始计数的):

var currentMonth = currentDate.getMonth();
console.log(currentMonth);

4、获取当前小时(getHours):

var currentHour = currentDate.getHours();
console.log(currentHour);

5、获取当前分钟(getMinutes):

var currentMinute = currentDate.getMinutes();
console.log(currentMinute);

6、获取当前秒钟(getSeconds):

var currentSecond = currentDate.getSeconds();
console.log(currentSecond);

7、格式化日期和时间(toLocaleString):

var formattedDate = currentDate.toLocaleString();
console.log(formattedDate);

?

总结 Date 对象方法使用

在JavaScript中,Date对象提供了很多方法来处理和操作日期和时间。以下是Date对象的一些常用方法的总结:

方法描述
getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。
getHours()返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)。
getMinutes()返回 Date 对象的分钟 (0 ~ 59)。
getMonth()从 Date 对象返回月份 (0 ~ 11)。
getSeconds()返回 Date 对象的秒数 (0 ~ 59)。
getTime()返回 1970 年 1 月 1 日至今的毫秒数。
parse()返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setUTCDate()根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCFullYear()根据世界时设置 Date 对象中的年份(四位数字)。
setUTCHours()根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds()根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes()根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth()根据世界时设置 Date 对象中的月份 (0 ~ 11)。
toString()把 Date 对象转换为字符串。
toTimeString()把 Date 对象的时间部分转换为字符串。
valueOf()返回 Date 对象的原始值。

这些方法只是Date对象提供的一些常用方法,还有其他更多的方法可以用于日期和时间的处理。通过使用这些方法,你可以轻松地获取和操作日期和时间的不同部分。

总结不易,希望宝宝们不要吝啬亲爱的👍哟(^U^)ノ~YO!如有问题,欢迎评论区批评指正😁

文章来源:https://blog.csdn.net/Jin_Xiang123/article/details/135365865
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。