JavaScript如何设置日期?常见方法介绍

2021年3月23日14:34:45 发表评论 627 次浏览

有多种方法可以在JavaScript设置日期。可以为日期对象设置数据值, 例如年, 月, 日, 小时, 分钟, 秒, 毫秒。

方法:

  • setDate():用于将日期设置为数字(1-31)。
  • setFullYear():它用于设置年份(可选地是月份和日期)。
  • setHours():用于设置小时(0-23)。
  • setMilliseconds():用于设置毫秒数(0-999)。
  • setMinutes():用于设置分钟(0-59)。
  • setMonth():用于设置月份(0-11)。
  • setSeconds():用于设置秒数(0-59)。
  • setTime():用于设置时间。

setSeconds()方法:

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

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setSeconds() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setSeconds()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setSeconds method -->
     < script >
         var d = new Date();
         d.setSeconds(22);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法1

setMinutes()方法:

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

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setMinutes() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setMinutes()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setMinutes method -->
     < script >
         var d = new Date();
         d.setMinutes(2);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法2

setHours()方法:

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

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setHours() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setHours()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setHours() method -->
     < script >
         var d = new Date();
         d.setHours(2);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法3

setDate()方法:

JavaScript中的setDate()方法用于设置日期对象的日期(1-31)。

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setDate() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setDate()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setDate method -->
     < script >
         var d = new Date();
         d.setDate(5);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法4

setFullYear()方法:

JavaScript中的setFullYear()方法用于设置日期对象的年份。

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setFullYear() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setFullYear()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setFullYear method -->
     < script >
         var d = new Date();
         d.setFullYear(2020);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法5

setMonth()方法:

JavaScript中的setMonth()方法用于设置日期对象的月份(0-11)。

例子:

<!DOCTYPE html>
< html >
  
< head > 
     < title >
         JavaScript setMonth() method
     </ title >
</ head > 
  
< body style = "text-align:center;" >
  
     < h1 >lsbin</ h1 >
          
     < h2 >JavaScript setMonth()</ h2 >
  
     < p id = "GFG" ></ p >
      
     <!-- Script to use setMonth method -->
     < script >
         var d = new Date();
         d.setMonth(5);
         document.getElementById("GFG").innerHTML = d;
     </ script >
</ body >
  
</ html >

输出如下:

JavaScript |设置日期方法6

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: