javaScript Date对象的基本使用和应用案例_var date: dateconstructor-优快云博客

本文链接：https://blog.youkuaiyun.com/div_wangyuanxin/article/details/104462616

本文介绍了JavaScript中的Date对象，包括其创建、constructor属性、prototype属性的使用，以及get和set方法的经典时间案例。强调了在设置日期时的注意事项，如部分设置的默认行为、上限限制、日期格式要求等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js日期对象的设置

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);*

在这里插入图片描述

constructor的属性实例

返回创建Date对象的函数原型：
myDate.constructor；
结果输出:
function Date(){[native code]};

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8">    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
    <title>Document</title>
</head>
<body> 
   <p id="demo">单击按钮创建一个Date对象，并返回构造函数。</p>    
   <button onclick="myFunction()">点我</button>
</body>
<script>  
     function myFunction() {        
     	var d = new Date();        
     	var x = document.getElementById("demo");        
     	x.innerHTML = d.constructor;    
     }
</script>
</html>

prototype 属性案例

创建一个新的日期对象方法：

<!DOCTYPE html>
<html lang="en">
<head>  
  <meta charset="UTF-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <title>Document</title>
  </head>
<body>  
  <p id="demo">单击按钮来调用新的myMet()方法,并显示这个月的月份，,使用新的myProp方法</p>  
    <button onclick="myFunction()">点我</button>
  </body>
  <script>  
    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"        };    }
    function myFunction() {        
       var d = new Date();    
       d.myMet();     
       var x = document.getElementById("demo");        
       x.innerHTML = d.myProp;    
    }
 </script>
</html>

在这里插入图片描述

Date get经典时间案例

日期格式案例

<!DOCTYPE html>
<html lang="en">
<head> 
   <meta charset="UTF-8">    
   <meta name="viewport" content="width=device-width, initial-scale=1.0">    
   <title>Document</title>
</head>
<body>  
  现在的时间：
</body>
<script>  
  function createDate() {      
    var d = new Date();        
    var y = d.getFullYear();        
    var m = d.getMonth() + 1;        
    var yx_date = d.getDate();        
    var yx_day = d.getDay();        
    var h = d.getHours();       
    var mi = d.getMinutes();        
    var s = d.getSeconds();        // 处理一些数据：周        
    switch (yx_day) {         
       case 0:                yx_day = "星期日";                break;            
       case 1:                yx_day = "星期一";                break;            
       case 2:                yx_day = "星期二";                break;            
       case 3:                yx_day = "星期三";                break;            
       case 4:                yx_day = "星期四";                break;            
       case 5:                yx_day = "星期五";                break;            
       case 6:                yx_day = "星期六";                break; 
    }       
     var str = y + "年" + bl(m) + "月" + bl(yx_date) + " " + bl(h) + ":" + bl(mi) + ":" + bl(s);        return str;    }  
       console.log(createDate());    
       document.write(createDate());
    function bl(n) {      
      return n >= 10 ? "" + n : "0" + n;    
    }
</script>
</html>

在这里插入图片描述

Date set

var d = new Date();
1.设置日期对象：set系利（复杂方法）
- 获取，是为了得到日期，在方法的返回值身上
- 设置，是为了指定，指定好了以后，请问需不需要有返回值？不需要。
- 虽然不需要，但是，他有！是什么呢？揭秘
- 注意1：如果使用set系列方法，只设置某些部分，没有设置的部分已当前时间为准
- 注意2：某些部分有上限，超出上限，会进1
- 注意3：不能设置星期，没有日期.setDay方法
- 注意4：设置时间戳，和，其他设置日期的set系列方法会冲突
2.直接设置（简单粗暴易操作）
- 在创建日期对象的同时就进行设置，立即给Date传参
- 字符：有要求一个参数
- 写多少就是多少不存在0~11的情况
- 如果超出某个上限，无效的日期
- 如果只设置部分，没有设置的部分会清0
- 格式要求：年月日之间的符合，不严格，如：. , - / …