Comparing time ranges in javascript

Question

I need to validate time picked by user, start date must be greater than 6 am and smaller than end date which must not exceed next day 2 am.

though I dont have date as an input I assume I should append dates to the picked times to compare, is this the best way to achieve it or there is a smarter one ?

here is what I can think of so far

function compareTimes(start,end){
    var t1 = new date();
    var t2 = new date();

    var starttime = t1 + " " + start;
    if (end >= '00:00'){
        t2.setDate(t2.getDate()+1);
    } 
    var endtime = t2 + " " + end;
    if(Date.parse ( endtime ) > Date.parse ( starttime )){
        alert ("greater than");
        return true
    }
}

What’s in the start and end parameters? It looks to be a string, formatted as HH:nn, but is it guaranteed to be that? — Martijn
– Martijn, Commented Feb 21, 2013 at 16:59

Vaclovas · Accepted Answer · 2013-02-21 16:29:35Z

1

Try this library. Differency function should work for you. http://momentjs.com

answered Feb 21, 2013 at 16:29

Vaclovas

313 bronze badges

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

4 Comments

Digital fortress Over a year ago

thanks for your answer, but I'll have to void libraries (the page is already loaded)

Martijn Over a year ago

@Digitalfortress: I take it you mean to avoid libraries... :-) But what does it matter whether the page is already loaded? You can add the library, and reload the page, no?

Digital fortress Over a year ago

Sorry for the typo :) Well, this is the clients' opinion!!

Martijn Over a year ago

@Digitalfortress: Wait, what? The client decides what libraries you get to use, and which libraries you don’t?

Martijn · Accepted Answer · 2013-02-21 17:27:13Z

0

The following function appends a time string like the one you give, to a date, and returns that as a new Date object. If you pass no date, it will use today’s date.

function setDateTime(timeString, date) {
    var result = (date ? new Date(date) : new Date())
    ,   match = /(\d+):(\d+)/.exec(timeString)
    ;
    result.setHours(Number(match[1]), Number(match[2]), 0, 0);
    return result;
}

Once you’ve got your startDate = setDateTime(start); and your endDate = setDateTime(end);, you can then use the getHours method to figure out if it’s before or after 2 am or 6 pm.

N.B. you should probably check if the hour < 6, and it so, add a day to it (endDate.setDate(endDate.getDate() + 1);, otherwise your end date will be before your start date. :-)

answered Feb 21, 2013 at 17:27

Martijn

13.7k4 gold badges50 silver badges60 bronze badges

1 Comment

Digital fortress Over a year ago

Thanks a lot, thats what I had in mind but didnt know how to implement it

Collectives™ on Stack Overflow

Comparing time ranges in javascript

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related