在下拉列表中更改输入类型='time'

hfyxw5xn  于 2021-09-13  发布在  Java
关注(0)|答案(2)|浏览(306)

所以我有一个输入字段,用户必须在其中输入他们的开始时间,然后我想知道是否有可能将标记的下拉时间更改为另一个?下拉列表从utc+2开始,但我希望它从utc+0开始,所以不是 09:59 应该从下午开始 07:59 .

是否可以使用此javascript时间戳来更新输入时间?

setInterval(time, 1000);
function time() {
    var span = document.getElementById('span');
    var d = new Date().toUTCString().split(' ')[4];
    span.textContent = "Current UTC+0 time: " + d;
}
<input class='form-control w-100' style='width:auto;' type='time' id='mt_start' name='mt_start' required>

<div class='d-flex justify-content-end fixed-top mt-5 mr-1' style='z-index: -1;'>
  <h3><span class='badge badge-secondary' id='span'>Current UTC+0 time: </span></h3>
</div>
nmpmafwu

nmpmafwu1#

您可以设置时间输入的值,如下所示:

<input type="time" value="19:59">

mdn

ijxebb2r

ijxebb2r2#

您可以使用直接设置输入值 document.querySelector('#mt_start').value . 使用保存在变量中的时间字符串 d :

document.querySelector('#mt_start').value = new Date().toUTCString().split(' ')[4];
<input type='time' id='mt_start'>

相关问题