jQuery输入字段使用.split()方法更改时间

Question

我对jQuery脚本有疑问，只是无法使它起作用。

实际上，我有两个输入字段，具有不同的时间值，用于"："的事件的启动和完成时间。（例如08:00和另一个领域16:00）

我现在需要的只是当用户单击某个要求ex的按钮时。" 30分钟"此输入字段带有完成时间从开始时间输入开始，最重要的是在结束时添加这30分钟，因此该字段最终将在08:30更改。就像这将是30分钟的活动。你了解我的解释吗？

我最终在jfiddle上所做的是类似的，问题在于，这30分钟在最后，但并没有覆盖旧的00分钟。

让我们看看：Jfiddle

html：

<input type="radio" name="adds" id="30min" value="30">
<input type="radio" name="adds" id="45min" value="45">
</div>
<input id="start_time" type="text" value="08:00">
<input id="end_time" type="text" value="16:00">

JavaScript：

$( "#30min" ).click(function() {
    var text = $("#end_time").val().split(" : ");
        var text = $("#start_time").val().split(" : ");
    text[1] = $("#30min").val()
  $( "input" ).val( text );
});

感谢您提供的任何提示...

Answer 1

我认为这是您想要的，

$("#30min,#45min" ).click(function() {
    var that = $(this);
    $( "input#start_time, input#end_time" ).each(function(e){
      var text = $(this).val();
        var textArr = text.split(":");  
        textArr[1] = that.val();
        $(this).val(textArr[0]+':'+textArr[1]);
    })
});

请参阅小提琴