Javascript 自开始时间起15分钟自动填充完成时间文本框_Javascript_Html_Jquery

Javascript 自开始时间起15分钟自动填充完成时间文本框

javascript html jquery

Javascript 自开始时间起15分钟自动填充完成时间文本框,javascript,html,jquery,Javascript,Html,Jquery,我有两个文本框，开始时间和结束时间，当我使用jquery时间选择器选择时间时，比如说12:00:00，完成时间应该自动显示12:15:00。有什么帮助吗？非常感谢。我尝试了很多javascript代码，但都不起作用。即时通讯使用24小时格式 <html> <div> <input type="text" name="start_time" id="

我有两个文本框，开始时间和结束时间，当我使用jquery时间选择器选择时间时，比如说12:00:00，完成时间应该自动显示12:15:00。有什么帮助吗？非常感谢。我尝试了很多javascript代码，但都不起作用。即时通讯使用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>

这个插件将选定的时间精确地存储在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)
    })
});

演示：

$document.readyfunction{ $“开始时间”。时间选择器{ 时间格式：“HH:mm ss”，间隔时间：1， minTime:'10'， maxTime:'6:00pm'， defaultTime:'11'，开始时间：“10:00”，动态：错误，下拉列表：正确，滚动条：对 }; $“开始时间”。函数{ console.log$'ui-active-item'。文本；时间=新日期$'ui-active-item'。文本； final=new Datetime.getTime+15*60000；计时器=最终。toLocaleTimeString'it-it' $“完成时间”。valtimer } };

请提供一些代码，以便我们查看您的问题。您可以显示您的进度吗？也许是代码的一部分。这有助于我们了解问题更多我在这里有一个代码，但在继续完成时间之前，我需要手动选择会议长度的15分钟。请阅读感谢您的帮助，我真的需要这样做：它在我身上显示无效日期，但我想这只是因为时间格式。非常感谢你我能把它改成HH:mm:ss？嗯。。。。不确定，但您可以将其他日期转换为HH:mm ss？否。我们的数据库已设置为HH:mm:ss。是否有任何修复建议？