javascript时间与日期的学习

标签：JavaScript javascript 学习 var 日期 Date new 方法

JavaScript 日期输出

默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串： Fri Feb 03 2023 16:07:59 GMT+0800 (中国标准时间)

Date类是JavaScript中用于操作时间和日期的API。使用Date()构造函数可以创建一个对象。再不传参的情况下，这个构造函数会返回一个表示当前日期和时间的Date对象：

Date 对象由新的 Date() 构造函数创建。

有 4 种方法创建新的日期对象：

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

new Date()
　　　　在不传入参数的情况下，这个构造函数会返回表示当前时间和日期的Date对象：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>使用 new Date()，使用当前日期和时间创建一个新的日期对象：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d; // Fri Feb 03 2023 16:07:59 GMT+0800 (中国标准时间)
</script>

</body>
</html>

new Date(millseconds)

在传入一个参数值，Date()构造函数将其解释位自1970年至今经过的毫秒数：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>使用 new Date(<i>milliseconds</i>)，创建一个零时（January 1, 1970, 00:00:00 Universal Time）加毫秒的新日期对象：</p>

<p id="demo"></p>

<script>
var d = new Date(0);
document.getElementById("demo").innerHTML = d;// January 1, 1970, 00:00:00 Universal Time

</script> </body> </html

new Date(year, month, day, hours, minutes, seconds, milliseconds)

　　　　用指定日期和时间创建新的日期对象，7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序）：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>使用 new Date(7 numbers)，使用指定的日期和时间创建一个新的日期对象：</p>

<p id="demo"></p>

<script>
var d = new Date(2022, 2, 2, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;//Fri Feb 03 2023 10:33:0 (中国标准时间)

10:33:30 GMT+0800 (中国标准时间) </script> </body> </html>

new Date(date string)

　　　　从日期字符串创建一个新的日期对象

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>可以使用指定的日期和时间创建 Date 对象：</p>

<p id="demo"></p>

<script>
var d = new Date("December 25, 2019 12:46:00");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

JavaScript 将日期存储为毫秒

JavaScript 将日期存储为自 1970 年 1 月 1 日 00:00:00 UTC（协调世界时）以来的毫秒数。

零时间是 1970 年 1 月 1 日 00:00:00 UTC。

现在的时间是：1970 年 1 月 1 日之后的 1554166879383 毫秒。

JavaScript 日期获取方法

日期获取方法

获取方法用于获取日期的某个部分（来自日期对象的信息：

方法	描述
getDate()	以数值返回天（1-31）
getDay()	以数值获取周名（0-6）
getFullYear()	获取四位的年（yyyy）
getHours()	获取小时（0-23）
getMilliseconds()	获取毫秒（0-999）
getMinutes()	获取分（0-59）
getMonth()	获取月（0-11）
getSeconds()	获取秒（0-59）
getTime()	获取时间（从 1970 年 1 月 1 日至今）

getTime() 方法

getTime() 方法返回自 1970 年 1 月 1 日以来的毫秒数

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getTime()</h2>

<p>JavaScript 中的内部时钟从 1970 年 1 月 1 日午夜开始计算。</p>

<p>getTime() 函数返回从那时起的毫秒数：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getTime();//1675413793582
</script>

</body>
</html>

getFullYear() 方法

`getFullYear()` 方法返回四个数字的年份

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getFullYear()</h2>

<p>getFullYear() 方法返回日期的完整年：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getFullYear();//2023
</script>

</body>
</html>

getMonth() 方法

getMonth() 以数字（0-11）返回日期的月份：

　　在 JavaScript 中，第一个月（1 月）是月号 0，因此 12 月返回月号 11。

　　您可以使用名称数组，并使用 getMonth() 将月份作为名称返回

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getMonth()</h2>

<p>getMonth（）方法以 0 到 11 之间的数字返回日期的月份。</p>

<p>要获得正确的月份，您必须添加 1：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMonth() + 1;//1
</script>

</body>
</html>

getDate() 方法

getDate() 方法以数字（1-31）返回日期的日

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getDate()</h2>

<p>getDate() 方法以数字（1-31）返回日期的日：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getDate();//2
</script>

</body>
</html>

getHours() 方法

getHours() 方法以数字（0-23）返回日期的小时数：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getHours()</h2>

<p>getHours() 方法以数字（0-23）返回日期的小时：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getHours();//17
</script>

</body>
</html>

getMinutes() 方法

getMinutes() 方法以数字（0-59）返回日期的分钟数：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getMinutes()</h2>

<p>getMinutes() 方法以数字（0-59）返回日期的分钟：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMinutes();//3
</script>

</body>
</html>

getSeconds() 方法

getSeconds() 方法以数字（0-59）返回日期的秒数：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getSeconds()</h2>

<p>getSeconds() 方法以数字（0-59）返回日期的秒：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getSeconds();//34
</script>

</body>
</html>

getMilliseconds() 方法

getMilliseconds() 方法以数字（0-999）返回日期的毫秒数：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getMilliseconds()</h2>

<p>getMilliseconds() 方法以数字（0-999）的形式返回日期的毫秒数：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getMilliseconds();//555
</script>

</body>
</html>

getDay() 方法

getDay() 方法以数字（0-6）返回日期的星期名（weekday）：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript getDay()</h2>

<p>getDay() 方法将周名作为数字返回：</p>

<p id="demo"></p>

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.getDay();//5
</script>

</body>
</html>

JavaScript 日期设置方法

日期设置方法

设置方法用于设置日期的某个部分。下面是最常用的方法（按照字母顺序排序）：

方法	描述
setDate()	以数值（1-31）设置日
setFullYear()	设置年（可选月和日）
setHours()	设置小时（0-23）
setMilliseconds()	设置毫秒（0-999）
setMinutes()	设置分（0-59）
setMonth()	设置月（0-11）
setSeconds()	设置秒（0-59）
setTime()	设置时间（从 1970 年 1 月 1 日至今的毫秒数）



例：

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setFullYear()</h2>

<p>setFullYear() 方法设置日期对象的年份：</p>
<p>setMouth() 方法设置日期对象的月份(0-11):</p>
<p>setDate() 方法设置日期对象的日(1-31):</p>
<p>setHours() 方法设置日期对象的小时(0-23):</p>
<p>setMinutes() 方法设置日期对象的分钟(0-59)</p>
<p>setSeconds() 方法设置日期对象的秒数(0-59)</p>

<p id="demo"></p>

<script>
var d = new Date();
d.setFullYear(2020);
console.log(d) //Mon Feb 03 2020 20:11:42 GMT+0800 (中国标准时间)
var A = new Date();
A.setMonth(11);
console.log(A)//Sun Dec 03 2023 20:12:32 GMT+0800 (中国标准时间)
var B = new Date();
B.setDate(15);
console.log(B)//Wed Feb 15 2023 20:13:19 GMT+0800 (中国标准时间)
var c = new Date();
c.setHours(22);
console.log(c) //Fri Feb 03 2023 22:13:56 GMT+0800 (中国标准时间)
var E = new Date();
E.setMinutes(30);
console.log(E)//Fri Feb 03 2023 20:30:35 GMT+0800 (中国标准时间)
var f = new Date();
f.setSeconds(30);
console.log(f)//Fri Feb 03 2023 20:15:30 GMT+0800 (中国标准时间)
</script>

</body>
</html>

比较日期

日期可以很容易地进行比较。

下面的例子把今日与 2100 年 1 月 15 日进行比较：

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2100, 0, 15);

if (someday > today) {
  text = "今天在 2100 年 1 月 15 日之前。";
} else {
  text = "今天在 2100 年 1 月 15 日之后。";
}
document.getElementById("demo").innerHTML = text;//今天在 2100 年 1 月 15 日之前。
</script>

</body>

标签：JavaScript,javascript,学习,var,日期,Date,new,方法
From： https://www.cnblogs.com/user-zbb/p/17089989.html

javascript时间与日期的学习

JavaScript 日期输出

有 4 种方法创建新的日期对象：

new Date(millseconds)

new Date(year, month, day, hours, minutes, seconds, milliseconds)

new Date(date string)

JavaScript 将日期存储为毫秒

JavaScript 日期获取方法

日期获取方法

getTime() 方法

getFullYear() 方法

`getFullYear()` 方法返回四个数字的年份

getHours() 方法

getMinutes() 方法

getSeconds() 方法

getMilliseconds() 方法

getDay() 方法

JavaScript 日期设置方法

日期设置方法

比较日期

相关文章

赞助商

阅读排行

javascript时间与日期的学习

JavaScript 日期输出

有 4 种方法创建新的日期对象：

new Date(millseconds)

new Date(year, month, day, hours, minutes, seconds, milliseconds)

new Date(date string)

JavaScript 将日期存储为毫秒

JavaScript 日期获取方法

日期获取方法

getTime() 方法

getFullYear() 方法

getFullYear() 方法返回四个数字的年份

getHours() 方法

getMinutes() 方法

getSeconds() 方法

getMilliseconds() 方法

getDay() 方法

JavaScript 日期设置方法

日期设置方法

比较日期

相关文章

赞助商

阅读排行

`getFullYear()` 方法返回四个数字的年份