Javascript: convert 24-hour time-of-day string to 12-hour time with AM/PM and no timezone

by

Nothing built in, my solution would be as follows :

function tConvert (time) {
  // Check correct time format and split into components
  time = time.toString ().match (/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];

  if (time.length > 1) { // If time format correct
    time = time.slice (1);  // Remove full string match value
    time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM
    time[0] = +time[0] % 12 || 12; // Adjust hours
  }
  return time.join (''); // return adjusted time or original string
}

tConvert ('18:00:00');

This function uses a regular expression to validate the time string and to split it into its component parts. Note also that the seconds in the time may optionally be omitted.
If a valid time was presented, it is adjusted by adding the AM/PM indication and adjusting the hours.

The return value is the adjusted time if a valid time was presented or the original string.

Working example 

(function() {

  function tConvert(time) {
    // Check correct time format and split into components
    time = time.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];

    if (time.length > 1) { // If time format correct
      time = time.slice(1); // Remove full string match value
      time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM
      time[0] = +time[0] % 12 || 12; // Adjust hours
    }
    return time.join(''); // return adjusted time or original string
  }

  var tel = document.getElementById('tests');

  tel.innerHTML = tel.innerHTML.split(/\r*\n|\n\r*|\r/).map(function(v) {
    return v ? v + ' => "' + tConvert(v.trim()) + '"' : v;
  }).join('\n');
})();
<h3>tConvert tests : </h3>
<pre id="tests">
  18:00:00
  18:00
  00:00
  11:59:01
  12:00:00
  13:01:57
  24:00
  sdfsdf
  12:61:54
</pre>

More Related Contents:

  1. Convert a Unix timestamp to time in JavaScript
  2. Get month name from Date
  3. Javascript add leading zeroes to date
  4. Convert seconds to HH-MM-SS with JavaScript?
  5. JavaScript seconds to time string with format hh:mm:ss
  6. Where can I find documentation on formatting a date in JavaScript?
  7. How to check whether a string contains a substring in JavaScript?
  8. Get palindrome length from string [closed]
  9. Graphical bar presentation using jquery [closed]
  10. Store Dropdown list old values and re populate them
  11. How does data binding work in AngularJS?
  12. Short circuit Array.forEach like calling break
  13. How can I select an element by name with jQuery?
  14. Are there legitimate uses for JavaScript’s “with” statement?
  15. jQuery disable/enable submit button
  16. Resize HTML5 canvas to fit window
  17. How to resolve the C:\fakepath?
  18. Is there a way to return a list of all the image file names from a folder using only Javascript?
  19. Fetch: reject promise and catch the error if status is not OK?
  20. How can I use ranges in a switch case statement using JavaScript?
  21. Pass arguments with page.evaluate
  22. Remove zero-width space characters from a JavaScript string
  23. Convert binary data to base64 with javascript
  24. How to handle lack of JavaScript Object.bind() method in IE 8
  25. Can I construct a JavaScript object without using the new keyword?
  26. Is there a JavaScript function that reduces a fraction
  27. How to detect when history.pushState and history.replaceState are used? [duplicate]
  28. ReactJs: Prevent multiple times button press
  29. How to use OR condition in a JavaScript IF statement?
  30. Display Good-looking Math Formula in Android

Leave a Comment