要显示输入类型为"datetime-local"的值,可以使用JavaScript来获取输入框的值,并将其显示在页面上。
首先,需要在HTML中创建一个输入框,并设置其类型为"datetime-local",并给它一个唯一的ID,例如:
<input type="datetime-local" id="datetimeInput">
<button onclick="displayValue()">显示值</button>
<p id="output"></p>
接下来,在JavaScript中编写一个函数来获取输入框的值,并将其显示在页面上。可以使用getElementById方法来获取输入框的值,并将其赋值给一个变量。然后,可以使用innerHTML属性将该值显示在页面上的某个元素中。
function displayValue() {
var input = document.getElementById("datetimeInput");
var value = input.value;
var output = document.getElementById("output");
output.innerHTML = "输入的值是:" + value;
}
以上代码中,displayValue函数通过getElementById方法获取了ID为"datetimeInput"的输入框,并将其值赋给了value变量。然后,使用getElementById方法获取了ID为"output"的段落元素,并使用innerHTML属性将值显示在该元素中。
这样,当用户在输入框中选择日期和时间后,点击"显示值"按钮,页面上的段落元素就会显示出输入框的值。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云