Transforming precise military time using Angular and Javascript filtering

Question

Transforming precise military time using Angular and Javascript filtering

There are a few times where I find myself liking

01:45
//and
15:00

I believe this time format is HH:MM in military time?

While I have come across some advanced functions that can parse sentences and even include seconds like HH:MM:SS, I am looking for a simple and accurate way to extract just the HH:MM.

So if 15:00 is actually 3:00?

The function below won't work because there's already ":" assuming HHMM, right? But I think I need HH:MM to be parsed correctly?

var getTravelTimeFormatted = function (str) {
    var hours = Math.trunc(str / 60),
        minutes = str % 60;
        return hours + ':' + minutes;
    };

Update

So if I assume 15:00 is 3:00, correct?

I removed the ":" and then added it back, but the result is 25.0, so what does that mean?

var getTravelTimeFormatted = function (str) {
    str = str.replace(/:/g,'');
    var hours = Math.trunc(str / 60),
    minutes = str % 60;
    return hours + ':' + minutes;
};

console.log(getTravelTimeFormatted('15:00'));

javascript angularjs date

Answer 1

Answer №1

If you have a string in the format HH:MM, you can easily split it and subtract 12 hours to convert it into a twelve-hour format. Below is a simple solution that does not handle invalid input scenarios.

function ConvertToTwelveHourFormat(time) {
    var timeParts = time.split(":");
    
    var hours = timeParts[0];
    var minutes = timeParts[1];
    var period = "AM";
    
    if (hours > 12) {
        hours = hours - 12;
        period = "PM";
    } else if (hours == "00") {
        hours = 12;
        period = "AM";
    } else if (hours == "12") {
        period = "PM";
    }
    
    return (hours + ":" + minutes + " " + period);
}

Answer 2

If you have a string in the format HH:MM, you can easily split it and subtract 12 hours to convert it into a twelve-hour format. Below is a simple solution that does not handle invalid input scenarios.

function ConvertToTwelveHourFormat(time) {
    var timeParts = time.split(":");
    
    var hours = timeParts[0];
    var minutes = timeParts[1];
    var period = "AM";
    
    if (hours > 12) {
        hours = hours - 12;
        period = "PM";
    } else if (hours == "00") {
        hours = 12;
        period = "AM";
    } else if (hours == "12") {
        period = "PM";
    }
    
    return (hours + ":" + minutes + " " + period);
}

Answer 3

Answer №2

This code snippet provides a concise way to convert time from 24-hour format to 12-hour format using JavaScript. While the original answer was helpful, this function offers a more streamlined solution:

/* Function to convert time from 24 hour hh:mm format to 12 hour h:mm ap format
** @param {string} time - in hh:mm format (e.g. 14:30)
** @returns {string} time in 12 hour format (e.g. 2:30 PM)
*/
function convertTo12HourFormat(time) {
  var parts = time.split(/\D/);
  return (parts[0]%12 || 12) + ':' + parts[1] +
         (parts[0]<11? ' AM' : ' PM');
}

// Some test cases
['23:15', '2:15', '03:15', '00:30'].forEach(function(value) {
    console.log(value + ' => ' + convertTo12HourFormat(value));
});

Answer 4

This code snippet provides a concise way to convert time from 24-hour format to 12-hour format using JavaScript. While the original answer was helpful, this function offers a more streamlined solution:

/* Function to convert time from 24 hour hh:mm format to 12 hour h:mm ap format
** @param {string} time - in hh:mm format (e.g. 14:30)
** @returns {string} time in 12 hour format (e.g. 2:30 PM)
*/
function convertTo12HourFormat(time) {
  var parts = time.split(/\D/);
  return (parts[0]%12 || 12) + ':' + parts[1] +
         (parts[0]<11? ' AM' : ' PM');
}

// Some test cases
['23:15', '2:15', '03:15', '00:30'].forEach(function(value) {
    console.log(value + ' => ' + convertTo12HourFormat(value));
});

Transforming precise military time using Angular and Javascript filtering

Answer №1

Answer №2

Similar questions

The Markdown-to-jsx tool is having trouble processing the provided source code

Adding HTML content using jQuery's document.ready feature

Utilizing JavaScript for enhancing the appearance of code within a pre element

Encountered an error while attempting to update an object: Unable to read property 'push' of undefined

The Jenkins build on a specific branch is encountering issues with path exporting, causing it to fail

Choosing a versatile model field in a Django CMS plugin

Expo's ReactNative camera feature fails to flip the camera view

We will explore the process of accessing a CSS file within an Angular

If the item with the specified name is not found in the list, display an image using Vue's v-if directive

Enhancing User Experience with React-Redux: Implementing Subcategory Visibility based on Main Category Selection

Is there a way to display a specific dropdown menu depending on the checkbox that is selected?

Is it truly possible to return a reactive variable that updates its value asynchronously?

"Aligning the title of a table at the center using React material

Encountering a mixed content error in Internet Explorer 8 due to the Nivo slider jQuery?

In Safari, there seems to be an issue where multiple URLs are not opening when clicked on from an anchor

Tips for accessing the @keyframes selector and extracting the value from it

Is Your CanvasJS Chart Traveling in Reverse?

Having trouble setting up a successful connection with Socket.io client?

Fetching JSON data using Promise.all results in an empty response

Searching for an item in an array within MongoDB: Tips and techniques