HTML | DOM 输入 DatetimeLocal 禁用属性

在 HTML 表单中，可以使用 <input type="datetime-local"> 元素来启用一个本地日期和时间选择器。

有时候我们需要禁用这个输入框，让用户无法选择日期和时间，本文将介绍如何在 HTML 和 JavaScript 中使用 disabled 属性来禁用这个输入框。

在 HTML 中使用 disabled 属性

HTML 中可以使用 disabled 属性来禁用一个元素。只需要在 input 标签内添加 disabled 属性即可。

示例代码如下所示：

<label for="datetime">日期时间:</label>
<input type="datetime-local" id="datetime" name="datetime" disabled>

这会让该输入框变灰，且不能进行编辑和选择。

在 JavaScript 中使用 disabled 属性

在 JavaScript 中使用 disabled 属性禁用一个输入框与在 HTML 中使用是一样的，只需要获取该输入框并将 disabled 属性设置为 true。

示例代码如下所示：

var datetimeInput = document.getElementById("datetime");
datetimeInput.disabled = true;

这会让该输入框变灰，且不能进行编辑和选择。

结论

使用 disabled 属性可以轻松地禁用 HTML 中的日期时间输入框。无论是在 HTML 中还是在 JavaScript 中，都可以使用这个属性来达到相同的效果。