JavaScript如何处理日期和时间

发布时间：2022-02-22 10:52:30 作者：小新
来源：亿速云阅读：158

这篇文章主要介绍了JavaScript如何处理日期和时间，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

JavaScript Date 对象
Date（日期）对象用于处理日期和时间。

定义日期
可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：

var myDate=new Date()

注释：Date 对象自动使用当前的日期和时间作为其初始值。

操作日期
通过使用针对日期对象的方法，我们可以很容易地对日期进行操作。
在下面的例子中，我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日)：

var myDate=new Date()
myDate.setFullYear(2008,7,9)

注意：表示月份的参数介于 0 到 11 之间。如果希望把月设置为 8 月，则参数应该是 7。
在下面的例子中，我们将日期对象设置为 5 天后的日期：

var myDate=new Date()
myDate.setDate(myDate.getDate()+5)

注意：如果增加天数会改变月份或者年份，那么日期对象会自动完成这种转换。

比较日期
日期对象也可用于比较两个日期。
下面的代码将当前日期与 2008 年 8 月 9 日做了比较：

var myDate=new Date();
myDate.setFullYear(2008,7,9);
var today = new Date();
if (myDate>today) {
    alert("Today is before 9th August 2008");
}
else {
    alert("Today is after 9th August 2008");
}

返回当日的日期和时间

document.write(Date())

getTime()

var d=new Date();
document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒");

注释：getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()

var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)

注释：使用 setFullYear() 设置具体的日期。

toUTCString()

var d = new Date()
document.write (d.toUTCString())

注释：使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。

getDay()

<html>
<body>
<script type="text/javascript">
    var d=new Date()
    var weekday=new Array(7)
    weekday[0]="星期日"
    weekday[1]="星期一"
    weekday[2]="星期二"
    weekday[3]="星期三"
    weekday[4]="星期四"
    weekday[5]="星期五"
    weekday[6]="星期六"
    document.write("今天是" + weekday[d.getDay()])
</script>
</body>
</html>

注释：使用 getDay() 和数组来显示星期，而不仅仅是数字。

显示当前时间钟表

<html>
<head>
<script type="text/javascript">
function startTime() {
    var today=new Date()
    var h=today.getHours()
    var m=today.getMinutes()
    var s=today.getSeconds()
    // add a zero in front of numbers<10
    m=checkTime(m)
    s=checkTime(s)
    document.getElementById("txt").innerHTML=h+":"+m+":"+s
    t=setTimeout("startTime()",500)
}
function checkTime(i) {
    if (i<10) {
        i="0" + i
    }
    return i
}
</script>
</head>
<body onload="startTime()">
    <div id="txt"></div>
</body>
</html>

Date 对象属性及描述
constructor：返回对创建此对象的 Date 函数的引用。
prototype：使您有能力向对象添加属性和方法。

Date 对象方法及描述

Date() // 返回当日的日期和时间。
getDate() // 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() // 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() // 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() // 从 Date 对象以四位数字返回年份。
getYear() // 请使用 getFullYear() 方法代替。
getHours() // 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() // 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() // 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() // 返回 Date 对象的毫秒(0 ~ 999)。
getTime() // 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() // 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() // 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() // 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCMonth() // 根据世界时从 Date 对象返回月份 (0 ~ 11)。
getUTCFullYear() // 根据世界时从 Date 对象返回四位数的年份。
getUTCHours() // 根据世界时返回 Date 对象的小时 (0 ~ 23)。
getUTCMinutes() // 根据世界时返回 Date 对象的分钟 (0 ~ 59)。
getUTCSeconds() // 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getUTCMilliseconds() // 根据世界时返回 Date 对象的毫秒(0 ~ 999)。
parse() // 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
setDate() // 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() // 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() // 设置 Date 对象中的年份（四位数字）。
setYear() // 请使用 setFullYear() 方法代替。
setHours() // 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() // 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() // 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() // 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() // 以毫秒设置 Date 对象。
setUTCDate() // 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
setUTCMonth() // 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCFullYear() // 根据世界时设置 Date 对象中的年份（四位数字）。
setUTCHours() // 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMinutes() // 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCSeconds() // 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。
setUTCMilliseconds() // 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
toSource() // 返回该对象的源代码。
toString() // 把 Date 对象转换为字符串。
toTimeString() // 把 Date 对象的时间部分转换为字符串。
toDateString() // 把 Date 对象的日期部分转换为字符串。
toGMTString() // 请使用 toUTCString() 方法代替。
toUTCString() // 根据世界时，把 Date 对象转换为字符串。
toLocaleString() // 根据本地时间格式，把 Date 对象转换为字符串。
toLocaleTimeString() // 根据本地时间格式，把 Date 对象的时间部分转换为字符串。
toLocaleDateString() // 根据本地时间格式，把 Date 对象的日期部分转换为字符串。
UTC() // 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() // 返回 Date 对象的原始值。

感谢你能够认真阅读完这篇文章，希望小编分享的“JavaScript如何处理日期和时间”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

JavaScript如何处理日期和时间

相关阅读