W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <p>请更改本地日期时间字段的日期和时间，然后单击下面的按钮。</p> <input type="datetime-local" id="myLocalDate" value="2023-02-15T08:30:00"> <p>请注意，当您更改本地日期时间字段的值时，默认值不受影响。</p> <button type="button" onclick="myFunction()">试一试</button> <p><b>注意：</b>type="datetime-local" 的输入元素在 Firefox 中不会显示为任何日期时间字段/日历。</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myLocalDate"); var defaultVal = x.defaultValue; var currentVal = x.value; if (defaultVal == currentVal) { document.getElementById("demo").innerHTML = "默认值和当前值相同：" + x.defaultValue + " and " + x.value + "<br>请更改日期时间字段的值以查看差异！"; } else { document.getElementById("demo").innerHTML = "默认值是：" + defaultVal + "<br>新的当前值是：" + currentVal; } } </script> </body> </html>