JavaScript 日期时间函数的使用
Hi i,m JinXiang
? 前言 ?
本篇文章主要介绍在在JavaScript 日期时间函数的使用以及部分理论知识
🍉欢迎点赞 👍 收藏 ?留言评论 📝私信必回哟😁
🍉博主收将持续更新学习记录获，友友们有任何问题可以在评论区留言
目录
一、constructor：对创建此对象的 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 对象属性总结：
| 属性 | 描述 |
|---|---|
| constructor | constructor 属性返回对创建此对象的 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对象提供的一些常用方法，还有其他更多的方法可以用于日期和时间的处理。通过使用这些方法，你可以轻松地获取和操作日期和时间的不同部分。
总结不易，希望宝宝们不要吝啬亲爱的👍哟(＾Ｕ＾)ノ~ＹＯ！如有问题，欢迎评论区批评指正😁
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：veading@qq.com进行投诉反馈，一经查实，立即删除！