jquery时间计算 - 按钮点击增加小时数

时间:2014-03-14 13:53:27

标签: jquery time

嗨,请你能给我一些jQuery的支持,我是一个新手,我只能做一些基本的技巧,但这个问题对我来说太复杂了。

基本上我有两个时间格式的输入字段(ex.08:00,19:00)。

我已成功运行jQuery函数,该函数根据第一个字段重新计算第二个字段的分钟数。 (例如按钮:45分钟从第一个字段获取小时值,并在第二个字段中添加45分钟,结果是08:45)。此按钮将统计日历事件的持续时间。这已经完成了。

以下是挑战:

我需要带有“小时值”的按钮,它会增加1小时的活动持续时间(例如开始时间:08:00 结束时间:19:00 ,当我点击“1小时”按钮时,它将占用开始时间值并加1小时,因此结束时间的结果是:09:00。

<div>
<input type="radio" name="adds" id="30min" value="30">
<input type="radio" name="adds" id="45min" value="45">
<input type="radio" name="adds" id="1h" value="1">
<input type="radio" name="adds" id="2h" value="2">
</div>

这是我的Jfiddle: http://jsfiddle.net/scree/g3WZN/4/

谢谢你的帮助,我可以赞美......

2 个答案:

答案 0 :(得分:0)

我会这样处理:http://jsfiddle.net/g3WZN/6/

基本上你是第一次解析为日期对象,然后使用setHourssetMinutes添加到它,然后将其重新解析为你想要的格式。

注意我更改了单选按钮的值,因此您可以指定小时和分钟。

答案 1 :(得分:0)

类似于gwin003的答案。自从我完成了这项工作后,我也会在这里发布。

我将单选按钮更改为分钟。例如:
2小时你需要放120分钟。

还将您的jquery代码更改为仅更新input#end_time

更新了小提琴

http://jsfiddle.net/g3WZN/7/