How can I calculate the difference between two times that are in 24 hour format?

by

You can just subtract the hours right away doing it this way

var valuestart = $("select[name="timestart"]").val();
var valuestop = $("select[name="timestop"]").val();

//create date format          
var timeStart = new Date("01/01/2007 " + valuestart).getHours();
var timeEnd = new Date("01/01/2007 " + valuestop).getHours();

var hourDiff = timeEnd - timeStart;

Here’s the working fiddle http://jsfiddle.net/VnwF7/4/

UPDATE – to calculate if we are including the next day. Just add the following if block

 if (hourDiff < 0) {
    hourDiff = 24 + hourDiff;
 }

http://jsfiddle.net/gfvhqat9/

More Related Contents:

  1. Displaying selected dropdown option [closed]
  2. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  3. How could I make a calendar? [closed]
  4. How to make a screen that looks like mirror in real world? [closed]
  5. How can I turn a into a link?
  6. How can I know which radio button is selected via jQuery?
  7. HTML Entity Decode [duplicate]
  8. Highlight a word with jQuery
  9. What is the most efficient way to create HTML elements using jQuery?
  10. Sorting options elements alphabetically using jQuery
  11. Very Simple, Very Smooth, JavaScript Marquee
  12. Change color of specific words in textarea
  13. prevent Scroll bubbling from element to window
  14. Prevent form submission with enter key
  15. Reset select value to default
  16. Set keyboard focus to a
  17. Counting and limiting words in a textarea
  18. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  19. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  20. Change iframe src by clicking a link
  21. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  22. Proper way to reset a GIF animation with display:none on Chrome
  23. How do I select the innermost element?
  24. How to prevent html/JavaScript code modification
  25. How do I capture a key press (or keydown) event on a div element?
  26. How can I prevent a click on a ‘#’ link from jumping to top of page?
  27. Detect browser wrapped lines via javascript
  28. Passing JSON data from php to html-data attribute and then to Javascript
  29. iframe Auto Adjust Height as content changes
  30. How can I dynamically highlight strings on a web page?

Leave a Comment