从开始时间起15分钟自动填充完成时间文本框
我有两个textbox，start_time和finish_time，当我使用jquery时间选择器选择时间时，可以说是12:00:00，完成时间应该自动显示为12:15:00。有什么帮助吗？非常感谢。我尝试了很多javascript代码，但都不起作用。im使用24小时格式。
<html>
<div>
<input type="text" name="start_time" id="start_time">
<div>
<div>
<input type="text" name="finish_time" id="finish_time" readonly>
</div>
</html>
共有1个答案
这个插件将选择的时间存储在列表中，准确地说，存储在ID为#ui-active-item的元素中。当你知道这一点时，只剩下一些时间操纵。
$(document).ready(function() {
$('#start_time').timepicker({
timeFormat: 'HH:mm ss',
interval: 1,
minTime: '10',
maxTime: '6:00pm',
defaultTime: '11',
startTime: '10:00',
dynamic: false,
dropdown: true,
scrollbar: true
});
$('#start_time').blur(function() {
console.log($('#ui-active-item').text());
time = new Date($('#ui-active-item').text());
final = new Date(time.getTime() + 15 * 60000);
timer = final.toLocaleTimeString('it-IT')
$('#finish_time').val(timer)
})
});
演示：
null
$(document).ready(function() {
$('#start_time').timepicker({
timeFormat: 'HH:mm ss',
interval: 1,
minTime: '10',
maxTime: '6:00pm',
defaultTime: '11',
startTime: '10:00',
dynamic: false,
dropdown: true,
scrollbar: true
});
$('#start_time').blur(function() {
console.log($('#ui-active-item').text());
time = new Date($('#ui-active-item').text());
final = new Date(time.getTime() + 15 * 60000);
timer = final.toLocaleTimeString('it-IT')
$('#finish_time').val(timer)
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<input type="text" name="start_time" id="start_time">
<input type="text" name="finish_time" id="finish_time" readonly>-
问题内容： 我正在尝试生成时间间隔数组。例如： 它应该在祖鲁时间直到每天晚上9点创建上述元素。 也应该为下一个和后一天生成元素 起始时间从7:00 am-Ed time 9:00 pm，如果current_time> start_time，则生成15分钟的时间间隔数组，直到9 pm。然后为第二天和第二天生成2。间隔应该是这样的7：00、7：15 ..不在7：12、8：32 问题答案： 这是供您使用
-
问题内容： 我有一个接收时间值的表格： 时间的格式为9:15:00-上午9:15。然后，我需要为此添加15分钟并将其存储在单独的变量中，但是我很困惑。 我正在尝试使用strtotime而不成功，例如： 但这不会解析。 问题答案： 您的代码无法运行（解析），因为最后还有一个额外的 错误 导致 Parse Error 。计数，您有2 和3 。如果您解决此问题，它会很好地工作，但是会返回一个时间戳，以使
-
问题内容： 我在看： MySQL选择从现在到10分钟前的时间戳列所在的行 我有一个名字叫日期时间标记的上校： 我想使用以下命令提取所有超过15分钟的记录： 但是，即使数据库中存在的时间早于15分钟，该查询也始终返回0个结果。 问题答案： 年纪大了
-
我正在测试的网站有一个文本框来输入位置。当我输入一个字符时，Google API会在文本框下方发送与该字符匹配的位置列表。以下是自动完成选项的快照 我试图在硒中自动化这个场景。但是问题是当我textbox.sendkeys（“文本”）时，从谷歌应用编程接口填充位置列表不会发生。 我尝试过隐式和显式等待，计时器高达200秒，但仍然不起作用。我试过了，在sendkeys（）之前单击（），键。在send
-
本文向大家介绍mybatis自动填充时间字段示例代码，包括了mybatis自动填充时间字段示例代码的使用技巧和注意事项，需要的朋友参考一下 前言 对于实体中的created_on和updated_on来说，它没有必要被开发人员去干预，因为它已经足够说明使用场景了，即在插入数据和更新数据时，记录当前时间，这对于mybatis来说，通过拦截器是可以实现的，记得之前说过在jpa中实现的方法，主要通过jp
-
我有一个按小时对记录进行分组的查询，如下所示： 这将记录分为一个小时窗口，每个小时窗口从第0分钟开始。 这个需求的一点背景：我有一个自动测试，它会导致数据库被填充。在我的测试开始之前，数据库可能已经有了一些记录。我的自动测试的目标是每小时完成一定数量的任务。我正在寻找一种方法来验证我的测试的准确性，方法是在DB中为每小时生成一个报告，其中每小时从匹配条件的第一条记录的时间戳（分钟）开始（我可以定义