javascript - 重置时间元素

Question

我有一个时间元素，需要能够重置为其空白值“--:--:--”

<input type="time" id="des_time_input" name="time_input" size="20" placeholder="Time..." value="">

脚本是这样的。

defaultVal = document.getElementById('des_time_input').defaultValue;
 document.getElementById('des_time_input').value = defaultVal;

如果我在元素中放置一个值，脚本可以工作，但我需要将默认值设置为空白。

有什么帮助吗？

Answer 1

您只需将输入值设置为''，然后重置它:

function reset(){
  document.getElementById("des_time_input").value = '';
}

<input type="time" id="des_time_input" name="time_input" size="20" placeholder="Time..." value="">
<button onclick="reset();">Reset</button>