html界面input 文本框中放时间控件，时间控件怎么显示成年月日时分秒24小时制的
<!DOCTYPE html>
<html>
<head>
<title>显示当前时间</title>
</head>
<body>
<label for="time">当前时间:</label>
<input type="text" id="time" readonly>
<button type="button" onclick="getCurrentTime()">时间</button>
<script>
function getCurrentTime() {
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var day = d.getDate();
var hour = d.getHours();
var minute = d.getMinutes();
var second = d.getSeconds();
// 补0操作
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
if (hour < 10) {
hour = "0" + hour;
}
if (minute < 10) {
minute = "0" + minute;
}
if (second < 10) {
second = "0" + second;
}
// 将当前时间显示在文本框中
document.getElementById("time").value = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="datetime-local" step="1" onchange="handleChange(event)">
</body>
<script>
function handleChange(event) {
// const inputTime = event.target.value; // 获取输入的时间字符串
// const dateObject = new Date(inputTime); // 将时间字符串转换为日期对象
const formattedTime = dateObject.toLocaleString('zh-CN', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false // 设置为24小时制
}); // 将日期对象格式化为指定格式的时间字符串
event.target.value = formattedTime; // 将格式化后的时间字符串显示在文本框中
}
</script>
</html>