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

【问题标题】：How to set 15 min after system date using jQuery如何使用jQuery设置系统日期后15分钟
【发布时间】：2020-08-03 21:49:04
【问题描述】：

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

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

【问题讨论】：

请访问help center，使用tour查看内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您的尝试minimal reproducible example，并注明输入和预期输出。
请详细说明。你希望什么时候发生这种情况，改变场地？在加载页面时？ jQuery 也不会是这里的主角。

标签： html jquery arrays

【解决方案1】：

我发现这个解决方案有效。我不知道您要使用什么事件，但例如，即使在您的输入中，我也使用了 onclic。

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

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

【讨论】：

【解决方案2】：

你可以：

创建一个新的Date 对象：let d = new Date();
加15分钟：d.setMinutes(d.getMinutes() + 15);
定义新值：let user_time = d.getHours() + ':' + d.getMinutes();
使用 jQuery 设置新值：$('#user_time').val(user_time);（或者您可以简单地使用 Vanilla JS：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" >

【讨论】：