重置时间元素

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

您只需将input值设置为''，然后重置：

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>