javascript string to time and am/pm format

Question

I've a time in string format

var start = "14:00:00"

and I need the output to be

02:00pm

<span>{{session.start | some-format}} to {{session.end}}<span>

or javascript manipulation (any will do)

I looked up this page but it needs some kind of time stamp I guess.

https://docs.angularjs.org/api/ng/filter/date

http://stackoverflow.com/questions/8888491/how-do-you-display-javascript-datetime-in-12-hour-am-pm-format maybe? — artm, Nov 10 '14 at 01:14

Jose Ch. · Accepted Answer · 2014-11-10T01:31:56.853

7

Do something like:

function toTime(timeString){
    var timeTokens = timeString.split(':');
    return new Date(1970,0,1, timeTokens[0], timeTokens[1], timeTokens[2]);
}

var start = "14:00:00";
var date = toTime(start);

then apply the angular filter:

<span>{{date | date:'h:mm a'}} to {{session.end}}<span>

edited Nov 10 '14 at 01:31

answered Nov 10 '14 at 01:17

Jose Ch.

3,856
1
20
34

just a little more help please, how could I use the date constructor with your solution above `new Date(year, month[, day[, hour[, minute[, second[, millisecond]]]]]);` to make my code less verbose, as I've to do the same for session.end – user2727195 Nov 10 '14 at 01:26
how about this `var tokens = sessions[i].start.split(":"); sessions[i].start = new Date(null, null, null, tokens[0], tokens[1], tokens[2]);` – user2727195 Nov 10 '14 at 01:29

score 3 · Answer 2 · edited Nov 10 '14 at 15:26

3

Using moment you can do something like this:

var timeArr = "14:00:00".split(':');

var date = new Date().setHours(timeArr[0], timeArr[1], timeArr[2])

var startTime = moment(date).format("h:mm:ss A");

var endTime = moment().format("h:mm:ss A");

edited Nov 10 '14 at 15:26

BFree

102,548
21
159
201

answered Nov 10 '14 at 01:31

Seth Pollack

269
2
13

score 1 · Answer 3 · answered Nov 10 '14 at 01:33

1

I saw you mentioned angular documentation in the question so if you are after an Angular approach you can give it a try with this:

$scope.start = new Date();
{{ start | date: 'shortTime'}}

Example here: Plnkr

answered Nov 10 '14 at 01:33

Roco CTZ

1,107
1
16
31

score 0 · Answer 4 · answered Nov 10 '14 at 01:18

Try this

function timeConvert (time) {
  time = time.toString ().match (/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];

  if (time.length > 1) { 
    time = time.slice (1);  
    time[5] = +time[0] < 12 ? 'AM' : 'PM';
    time[0] = +time[0] % 12 || 12;
  }
  return time.join ('');
}

timeConvert ('19:00:00');

out: "7:00:00PM"

javascript string to time and am/pm format

4 Answers4

Linked