如何在JavaScript中获取当前格式的日期dd/mm/yyyy?

2021年3月11日16:50:13 发表评论 816 次浏览

任务是格式化当前日期

dd / mm / yyyy

使用JavaScript格式化。我们将讨论几种方法。

首先要知道的几种方法

JavaScript getDate()方法

:

此方法返回定义日期的月份中的日期(从1到31)。

语法如下:

Date.getDate()

返回值:

它返回一个数字, 从1到31, 代表一个月中的某天。

JavaScript getFullYear()方法

:

此方法返回定义日期的年份(日期在1000到9999之间的四位数字)。

语法如下:

Date.getFullYear()

返回值:

它返回一个数字, 代表定义日期的年份

JavaScript getMonth()方法

:

此方法根据本地时间返回定义日期的月份(从0到11)。

语法如下:

Date.getMonth()

返回值:

它返回一个从0到11的数字, 代表月份。

JavaScript String slice()方法

:

此方法获取字符串的一部分, 并以新字符串返回提取的部分。

它使用开始和结束参数定义要提取的字符串部分。

第一个字符从位置0开始, 第二个字符从位置1开始, 依此类推。

语法如下:

string.slice(start, end)

参数:

  • 开始:此参数是必需的。它指定从何处开始提取的位置。第一个字符在位置0
  • 结束:此参数是可选的。它指定停止提取的位置(不包括该位置)。如果未使用, slice()将选择从字符串的开始位置到字符串结尾的所有字符。

返回值:

它返回一个字符串, 表示该字符串的提取部分。

replace()方法

:

此方法在字符串中搜索定义的值或正则表达式, 然后返回带有替换的定义值的新字符串。

语法如下:

string.replace(searchVal, newvalue)

参数:

  • searchVal:此参数是必需的。它指定将被新值替换的值或正则表达式。
  • 新值:此参数是必需的。它指定用于替换搜索值的值。

返回值:

返回一个新字符串, 其中定义值已被新值替换。

范例1:本示例通过同时检查日期和月份来以dd / mm / yyyy格式设置日期。如果它们不是2位数字, 则将零添加为2位数字。

<!DOCTYPE HTML>
< html >
  
< head >
     < title >
         JavaScript 
       | How to get current formatted date dd/mm/yyyy.
     </ title >
</ head >
  
< body style = "text-align:center;"
       id = "body" >
     < h1 style = "color:green;" >  
             lsbin  
         </ h1 >
     < p id = "GFG_UP" 
        style="font-size: 15px; 
               font-weight: bold;">
     </ p >
     < button onclick = "gfg_Run()" >
         get Date
     </ button >
     < p id = "GFG_DOWN" 
        style="color:green; 
               font-size: 20px; 
               font-weight: bold;">
     </ p >
     < script >
         var el_up = document.getElementById("GFG_UP");
         var el_down = document.getElementById("GFG_DOWN");
         var today = new Date();
         el_up.innerHTML = today;
         var dd = today.getDate();
         var mm = today.getMonth() + 1;
  
         var yyyy = today.getFullYear();
         if (dd < 10 ) {
             dd = '0' + dd;
         }
         if (mm < 10) {
             mm = '0' + mm;
         }
         var today = dd + '/' + mm + '/' + yyyy;
  
         function gfg_Run() {
             el_down.innerHTML = today ;
         }
     </script>
</ body >
  
</ html >

输出如下:

在单击按钮之前:

如何在JavaScript中获取当前格式的日期dd / mm / yyyy?1

单击按钮后:

如何在JavaScript中获取当前格式的日期dd / mm / yyyy?2

范例2:本示例首先从date对象中切片日期部分, 然后以dd / mm / yyyy格式设置日期。

<!DOCTYPE HTML>
< html >
  
< head >
     < title >
         JavaScript 
       | How to get current formatted date dd/mm/yyyy.
     </ title >
</ head >
  
< body style = "text-align:center;"
       id = "body" >
     < h1 style = "color:green;" >  
             lsbin  
         </ h1 >
     < p id = "GFG_UP" 
        style="font-size: 15px;
               font-weight: bold;">
     </ p >
     < button onclick = "gfg_Run()" >
         get Date
     </ button >
     < p id = "GFG_DOWN"
        style="color:green; 
               font-size: 20px; 
               font-weight: bold;">
     </ p >
     < script >
         var el_up = document.getElementById("GFG_UP");
         var el_down = document.getElementById("GFG_DOWN");
         var today = new Date();
         el_up.innerHTML = today;
  
         function gfg_Run() {
             var date = today.toJSON().slice(0, 10);
             var nDate = date.slice(8, 10) + '/' 
                        + date.slice(5, 7) + '/' 
                        + date.slice(0, 4);
             el_down.innerHTML = nDate;
         }
     </ script >
</ body >
  
</ html >

输出如下:

在单击按钮之前:

如何在JavaScript中获取当前格式的日期dd / mm / yyyy?3

单击按钮后:

如何在JavaScript中获取当前格式的日期dd / mm / yyyy?4

木子山

发表评论

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