我有一个时间 Select 器:
<input type="time" name="appt-time">个
我想将其保留为空，直到用户开始 Select 时间.只有当用户单击元素并显示弹出窗口时，我才希望显示缺省值.
这有可能吗？如果是这样的话，是怎么做的？
我有一个时间 Select 器:
<input type="time" name="appt-time">个
我想将其保留为空，直到用户开始 Select 时间.只有当用户单击元素并显示弹出窗口时，我才希望显示缺省值.
这有可能吗？如果是这样的话，是怎么做的？
也许这对你会有用
window.addEventListener('DOMContentLoaded',() => {
const time = "15:05";
let changed = false;
const timePicker = document.querySelector('[name="appt-time"]');
timePicker.defaultValue = null;
timePicker.addEventListener('focus', (e) => {
if (!changed) timePicker.value = time;
});
timePicker.addEventListener('change', (e) => {
changed = true;
});
timePicker.addEventListener('blur', (e) => {
if (!changed) timePicker.value = null;
else timePicker.defaultValue = timePicker.value;
});
});<input type="time" name="appt-time">