任务是格式化当前日期
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 >输出如下：
在单击按钮之前：
单击按钮后：
范例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 >输出如下：
在单击按钮之前：
单击按钮后：
