极客教程JavaScript 如何将当前日期以MM/DD/YYYY HH:MM:SS格式进行格式化
给定一个日期，任务是将当前日期格式化为MM/DD/YYYY HH:MM:SS格式。这里讨论了几种最常用的技术，使用了JavaScript的帮助。
方法1
- 将当前日期存储在变量中。
- 使用字符串拼接技术在月份-日期和日期-年份之间插入 / 和 : 。
- 使用 .slice() 方法将日期和月份格式化为2位数。
示例： 这个示例实现了上述方法。
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP">
</p>
<button onclick="gfg_Run()">
Click Here
</button>
<p id="GFG_DOWN">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var date = new Date();
el_up.innerHTML = "Click on the button to format"
+ " the date accordingly.<br>Date = " + date;
function gfg_Run() {
var Str =
("00" + (date.getMonth() + 1)).slice(-2)
+ "/" + ("00" + date.getDate()).slice(-2)
+ "/" + date.getFullYear() + " "
+ ("00" + date.getHours()).slice(-2) + ":"
+ ("00" + date.getMinutes()).slice(-2)
+ ":" + ("00" + date.getSeconds()).slice(-2);
el_down.innerHTML = Str;
}
</script>
</body>
输出：
方法2
- 将当前日期存储在一个变量中。
- 使用 .join()方法在月-日和日-年之间插入 / 和 : 。
- 创建一个 原型填充 来格式化日期和月份为2位数字。
示例： 该示例实现了上述方法。
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP">
</p>
<button onclick="gfg_Run()">
Click Here
</button>
<p id="GFG_DOWN">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var d = new Date();
el_up.innerHTML = "Click on the button to format"
+ " the date accordingly.<br>Date = " + d;
Number.prototype.padding = function(base, chr) {
var len = (String(base || 10).length
- String(this).length) + 1;
return len > 0 ? new Array(len).join(chr || '0')
+ this : this;
}
function gfg_Run() {
str = [(d.getMonth()+1).padding(),
d.getDate().padding(),
d.getFullYear()].join('/')
+ ' ' + [ d.getHours().padding(),
d.getMinutes().padding(),
d.getSeconds().padding()].join(':');
el_down.innerHTML = str;
}
</script>
</body>
输出：
