输入"datetime-local“> js代码，可以自动更新当前时间，而不必单击并选择

Question

我正在尝试创建一个脚本，它可以在datetime本地输入中自动更新当前时间，而不必单击和选择当前时间。这是我正在使用的代码，用于显示输入的当前日期和时间，但我也希望它在时间变化时更新当前时间。

然后，我希望使用PHP将datetime-local值提交到数据库(我已经介绍了本节)。

我希望是否可以删除输入中的日期和时间选择按钮，以及如何显示秒数，但如何使秒与当前时间准确地运行

谢谢大家。

​

var now = new Date();
now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
document.getElementById('dt').value = now.toISOString().slice(0,16);

<input id="dt" type="datetime-local" />

​

Answer 1

我想你可以每秒钟为这个设定一个间隔。

 functionName(); //First execution
 setInterval(functionName, 1000); //Check every second

function functionName(){
   var now = new Date();
   now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
   document.getElementById('dt').value = now.toISOString().slice(0,16);
}

<input readonly id="dt" type="datetime-local" />

​

当然，当用户单击输入时，您将需要“停止”此间隔，否则日期将永远无法更改。

编辑:为了避免用户更改日期，只需在输入标签中添加readonly属性即可。