如何使用jQuery设置系统日期后15分钟

Question

如何使用jQuery将当前时间设置为time输入字段后15分钟设置。

<input name="user_time" id="user_time" type="time" class="form-control" >

Answer 1

我找到了这个有效的解决方案。我不知道你想使用什么事件，但例如，我甚至在你的输入中使用了onclic。

$('#user_time').click(function(){
var d = new Date(); 
var min = d.getMinutes() + 15
var date = d.getHours()+":"+ min;
$('#user_time').val(date);
});

更改事件并使用您想要的事件。

Answer 2

您可以：

1. 创建一个新的Date对象：let d = new Date();
2. 添加15分钟：d.setMinutes(d.getMinutes() + 15);
3. 定义新值：let user_time = d.getHours() + ':' + d.getMinutes();
4. 使用jQuery:$('#user_time').val(user_time);设置新值(或者您可以简单地使用VanillaJS:document.getElementById('user_time').value = user_time;(

let d = new Date();
d.setMinutes(d.getMinutes() + 15);
let user_time = d.getHours() + ':' + d.getMinutes();
$('#user_time').val(user_time); // document.getElementById('user_time').value = user_time;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="user_time" id="user_time" type="time" class="form-control" >