任务是格式化当前日期
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)【如何在JavaScript中获取当前格式的日期dd/mm/yyyy（）】参数：
- 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 >
输出如下：
在单击按钮之前：
文章图片
单击按钮后：
文章图片
范例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 >
输出如下：
在单击按钮之前：
文章图片
单击按钮后：
文章图片
