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

时间:2014-03-07 09:32:55

标签: jquery time datetimepicker

我对jQuery脚本的问题是不能让它工作的。

实际上,我有两个输入字段,其中START和FINISH TIME的时间值分别为“:”。 (例如08:00和另一个字段16:00)

我现在需要的是,当用户点击一个名为ex的某个按钮时。 “30分钟”这个带有FINISH TIME的输入字段从START TIME输入获取值,最重要的是它最后添加这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 );
});

感谢任何提示...

1 个答案:

答案 0 :(得分:0)

我认为这就是你想要的,

$("#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]);
    })

});

请参阅fiddle