JavaScript 日期设置方法

软件技术NINI

于 2024-08-12 00:30:04 发布

阅读量348

点赞数 5

分类专栏： js 文章标签： javascript 网络开发语言

本文链接：https://blog.csdn.net/2301_78133614/article/details/141114790

版权

js 专栏收录该内容

81 篇文章 0 订阅

订阅专栏

使用“设置日期”方法可以设置日期对象的日期值（年、月、日、小时、分钟、秒、毫秒）。

日期设置方法

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

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

setFullYear() 方法

setFullYear() 方法设置日期对象的年份

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setFullYear(2021);
        document.getElementById("demo").innerHTML=d;
        
    </script>

</body>

</html>
//Mon Aug 09 2021 16:16:30 GMT+0800 (中国标准时间)

setFullYear() 方法可以选择设置月和日

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setFullYear(2021,10,1);
        document.getElementById("demo").innerHTML=d;
        
    </script>

</body>

</html>
//Mon Nov 01 2021 16:26:20 GMT+0800 (中国标准时间)

setMonth() 方法

setMonth() 方法设置日期对象的月份（0-11）

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setMonth(1)
        document.getElementById("demo").innerHTML=d;
        
    </script>

</body>

</html>
//Fri Feb 09 2024 16:29:30 GMT+0800 (中国标准时间)

setDate() 方法

setDate() 方法设置日期对象的日（1-31）

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setDate(15);
        document.getElementById("demo").innerHTML = d;
    </script>

</body>

</html>
//Thu Aug 15 2024 16:30:54 GMT+0800 (中国标准时间)

setDate() 方法也可用于将天数添加到日期

<!DOCTYPE html>
<html>

<body>

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

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

</body>

</html>
//Sat Sep 28 2024 16:32:00 GMT+0800 (中国标准时间)

如果添加天数，切换月份或年份，则更改将由 Date 对象自动处理

setHours() 方法

setHours() 方法设置日期对象的小时（0-23）

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
<script>
    var d = new Date();
    d.setHours(22);
    document.getElementById("demo").innerHTML = d;
</script>
</body>

</html>
//Fri Aug 09 2024 22:33:39 GMT+0800 (中国标准时间)

setMinutes() 方法

setMinutes() 方法设置日期对象的分钟（0-59）

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setMinutes(30);
        document.getElementById("demo").innerHTML = d;
    </script>

</body>

</html>
//Fri Aug 09 2024 16:30:54 GMT+0800 (中国标准时间)

setSeconds() 方法

setSeconds() 方法设置日期对象的秒数（0-59）

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
        var d = new Date();
        d.setSeconds(30);
        document.getElementById("demo").innerHTML = d;
    </script>

</body>

</html>
//Fri Aug 09 2024 16:35:30 GMT+0800 (中国标准时间)

比较日期

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

<!DOCTYPE html>
<html>

<body>
    <p id="demo"></p>
    <script>
       var today, someday,text;
       today=new Date();
       someday=new Date();
       someday.setFullYear(2049,8,9);
       if(someday>today){
        text="今天在2049年8月9日之前";
       }else{
        text="今天在2049年8月9日之后"
       }
       document.getElementById("demo").innerHTML=text;
    </script>


</body>

</html>
//今天在2049年8月9日之前

JavaScript 从 0 到 11 计数月份。1 月是 0。12 月是 11。