Question

30

Get AM/PM from HTML time input

rated 0 times [ 31] [ 1] / answers: 1 / hits: 58052 / 8 Years ago, sat, september 3, 2016, 12:00:00

First, I know that <input type=time> is not supported by IE10 or earlier, and Firefox, but this is only for testing purposes and I will make appropriate, cross-browser changes at another time.

For the time being, I have a HTML time input field. I am trying to extract the values from it including the hour, minutes and AM/PM. I can display the hour and minutes, but an AM/PM indication is not including.

I have an input as follows:

<input type=time name=end-time id=end-time>

I print out via alert() the input value as follows:

alert(document.getElementById('end-time').value);

Upon input I receive an alert such as:

01:34.

Notice that an AM/PM is not included in the alert().

How can I get the AM/PM value from a HTML time input via Javascript?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dayanaracolleeng

Add To Favorites

Follow

Total Points: 7

Total Questions: 96

Total Answers: 104

Location: Mayotte

Member since Mon, Sep 12, 2022

2 Years ago

dayanaracolleeng questions

1 How to Upload file in a directory to minIO bucket

Wed, Jul 20, 22, 00:00, 2 Years ago

1 NextJs router push unknown key passed via urlObject

Sat, Dec 11, 21, 00:00, 3 Years ago

1 Next.js catch-all / as routing

Sun, Jun 27, 21, 00:00, 3 Years ago

1 Getting `Cannot find module '.next\server\pages-manifest.json'` error when trying to add `babel.config.js` in nextjs app

Sun, Mar 14, 21, 00:00, 3 Years ago

1 document.querySelector in Angular

Wed, Jan 27, 21, 00:00, 3 Years ago

View All

answered 8 Years ago leifw · Accepted Answer

As far as i know, We cannot get the value from the input directly in the meridian format of 'AM/PM'. Instead, we can write our own logic of converting the value in the AM/PM format and store/display it.

Below is the implementation of it.

var inputEle = document.getElementById('timeInput');





function onTimeChange() {

  var timeSplit = inputEle.value.split(':'),

    hours,

    minutes,

    meridian;

  hours = timeSplit[0];

  minutes = timeSplit[1];

  if (hours > 12) {

    meridian = 'PM';

    hours -= 12;

  } else if (hours < 12) {

    meridian = 'AM';

    if (hours == 0) {

      hours = 12;

    }

  } else {

    meridian = 'PM';

  }

  alert(hours + ':' + minutes + ' ' + meridian);

}

<input type=time onchange=onTimeChange() id=timeInput />