Jquery function to Increment one hours based on time input string

Question

I have string value in this format.

9:00 am

i want it to be like this.

9:00 am - 10:00 am

second hour must be 1 greater then first one. for example if time is

7:00 am then it should be 7:00 am - 8:00 am

how can i do that using jquery? i tried this but its not working as it works now.

var time= "9:00 am"
var nexttime=time.setHours(time.getHours()+1)
 alert(nexttime);

getting error of

time.getHours is not a function

And why is this question tagged with PHP? No relation to it. — Twinfriends
– Twinfriends, Commented Jan 5, 2017 at 8:06
because after adding one hour in it i want to match it with same string in php. — shahid hamdam
– shahid hamdam, Commented Jan 5, 2017 at 8:10

SAMUEL · Accepted Answer · 2017-01-11 07:13:52Z

2

You can try this :

function increaseTimeByOne(timeStr) {
    var splitedTimeStr = timeStr.split(':');
    var hours = parseInt(splitedTimeStr[0]);
    var meridiem = splitedTimeStr[1].split(" ")[1];
    var minutes = splitedTimeStr[1].split(" ")[0];
    var nextHours = (hours + 1);
    var nextMeridiem;
    if (hours >= 11) {
        if (meridiem.toLowerCase() == "am") {
            nextMeridiem = "pm";
        } else if (meridiem.toLowerCase() == "pm") {
            nextMeridiem = "am";
        }
        if (nextHours > 12) {
            nextHours = nextHours - 12;
        }

    } else {
        nextMeridiem = meridiem;
    }
    return nextHours + ":" + minutes + " " + nextMeridiem;
}

and using above function as

var timestr="9:00 am";
var next_hour = increaseTimeByOne(timeStr);
alert(next_hour);

edited Jan 11, 2017 at 7:13

answered Jan 5, 2017 at 8:15

SAMUEL

8,6323 gold badges46 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

shahid hamdam Over a year ago

your answer seems to be good but i am getting only 10 in alert. i want "10:00 am"

SAMUEL Over a year ago

@shahidhamdam can you pls check it now and update the status

shahid hamdam Over a year ago

sir the answer you have given is working great for am times. but if i select 1:00 pm it shows me 1:00 pm - 2:00 am. can you suggest something?

SAMUEL Over a year ago

@shahidhamdam can you pls check it now

shahid hamdam Over a year ago

if i select 5:00 pm it show me 6:00 am. i need it to show me 6:00 pm.

|

ben · Accepted Answer · 2017-01-05 08:17:07Z

1

refer this

var time=new Date();        
time.setHours(9, 00, 00);
var nexttime=(time.getHours()+1);
alert(nexttime);

// to get hrs mins and seconds

var nexttime=(time.getHours()+1) +":"+time.getMinutes()+":"+time.getSeconds();

edited Jan 5, 2017 at 8:17

answered Jan 5, 2017 at 8:11

ben

4703 silver badges11 bronze badges

Comments

Jai · Accepted Answer · 2017-01-05 08:28:15Z

1

YOu can make your time string like:

function increaseTimeByOne(t) {
  var s  = t.split(':');
  var n  = parseInt(s[0], 10);
  var nt = (n + 1) + ":00 ";   
  var ampm = n >= 11 ? "pm" : "am";

  return t + " - " + nt + ampm;
}

console.log(increaseTimeByOne('9:00 am'));
console.log(increaseTimeByOne('11:00 am'));
console.log(increaseTimeByOne('12:00 pm'));

edited Jan 5, 2017 at 8:28

answered Jan 5, 2017 at 8:21

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Collectives™ on Stack Overflow

Jquery function to Increment one hours based on time input string

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related