change time format to 24 hours in javascript

Question

I have a time format like: 12/16/2011 3:49:37 PM and I got this format by:

var newDate = new Date(timeFromat);
timeFormat = newDate.toLocaleString();

My actual format was GMT and I converted it to my bowers time by using the code above.

and I want to change it to 24h time format so I want this date to be changed like: 12/16/2011 15:49:37 and I want to do it in javascript.

Thats what I did

var firstPartOftimeFormat = timeFormat.substring(0,9);
var secondPartOftimeFormat = timeFormat.substring(10,20);

but it does not work when the date format is like: 3/16/2011. but the following part works.

var time = $("#starttime").val();
var hours = Number(secondPartOftimeFormat.match(/^(\d+)/)[1]);
var minutes = Number(secondPartOftimeFormat.match(/:(\d+)/)[1]);
var AMPM = secondPartOftimeFormat.match(/\s(.*)$/)[1];
if(AMPM == "PM" && hours<12) hours = hours+12;
if(AMPM == "AM" && hours==12) hours = hours-12;
var sHours = hours.toString();
var sMinutes = minutes.toString();
if(hours<10) sHours = "0" + sHours;
if(minutes<10) sMinutes = "0" + sMinutes;
alert(sHours + ":" + sMinutes);

Can you suggest other approach?

thanks

Various solutions to your problem: stackoverflow.com/questions/1056728/… — Alex van den Hoogen
– Alex van den Hoogen, Commented Mar 12, 2014 at 9:49
Why are you using toLocaleString (which behaves differently for different locales) when you want a specific output format? I'd use a manual formatting here. — John Dvorak
– John Dvorak, Commented Mar 12, 2014 at 9:49
Do not set any time format javascript Date by default return time in 24hr. — Mithlesh Kumar
– Mithlesh Kumar, Commented Mar 12, 2014 at 9:55
Thanks, but my time format was GMT and I converted it to my browers time by var newDate = new Date(timeFromat); timeFormat = newDate.toLocaleString(); and the time is a past time. — user3409650
– user3409650, Commented Mar 12, 2014 at 10:41

LiranBo · Accepted Answer · 2015-10-24 09:08:17Z

73

use dateObj.toLocaleString([locales[, options]])

Option 1 - Using locales

var date = new Date();
console.log(date.toLocaleString('en-GB'));

Option 2 - Using options

var options = { hour12: false };
console.log(date.toLocaleString('en-US', options));

answered Oct 24, 2015 at 9:08

LiranBo

2,1662 gold badges27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

red-o-alf Over a year ago

Doesn't seem to work by now for some reason, it still returns time in 12 hours format.

Amir Hedieh Over a year ago

it should be selected answer!

hBrent Over a year ago

I mistakenly first tried date.toLocaleString(options), which didn't work but didn't fail, but then changed it to date.toLocaleString('en-US', options), which did work.

Syscall · Accepted Answer · 2021-04-04 13:05:59Z

22

hourCycle: 'h23' is Perfect

Thanks to https://stackoverflow.com/users/12425695/luis-serrano

new Date().toLocaleString('ru-RU', {
    timeZone: 'Europe/Moscow',
    hourCycle: 'h23',
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit"
});

edited Apr 4, 2021 at 13:05

Syscall

19.8k10 gold badges44 silver badges60 bronze badges

answered Apr 4, 2021 at 10:57

user3640561

3412 silver badges7 bronze badges

1 Comment

S. Dre Over a year ago

I think nowadays you use hour12, which is a boolean. So it would be something like: hour12: false, year: "numeric", month: "2-digit", etc etc etc

Roko C. Buljan · Accepted Answer · 2019-01-09 22:02:11Z

Using some resources
Date/toLocaleDateString^_MDN
Date/toLocaleTimeString^_MDN

const lang = navigator.language || navigator.languages[0];
const date = new Date();
const date_locale = date.toLocaleDateString(lang, {
  day: 'numeric',
  month: 'short',
  year: 'numeric'
});
const time_locale = date.toLocaleTimeString(lang);

const formatted = `${date_locale} ${time_locale}`;
console.log(formatted)

above we deduce the current language from the Window's Navigator object.
In case lang ends up being undefined it's perfectly fine, defaults will be used.

To force a desired format, you can manually set lang to i.e: 'en-US', 'eu', 'en-GB', 'de-DE', 'hr-HR' etc...

Here's an example for time:

const date = new Date();
console.log(date.toLocaleTimeString('en-US')) // 12h
console.log(date.toLocaleTimeString('en-GB')) // 24h
console.log(date.toLocaleTimeString())        // Default

score 10 · Accepted Answer · 2021-02-10 05:20:17Z

10

To get 24hrs format:

const date = new Date();
console.log(date.toLocaleTimeString([], {
    hourCycle: 'h23',
    hour: '2-digit',
    minute: '2-digit'
}));

edited Feb 10, 2021 at 5:20

answered Feb 10, 2021 at 5:15

user12425695

Comments

Raja Asthana · Accepted Answer · 2014-03-12 09:52:24Z

5

You can use the below code to get 24hrs format

new Date("3/16/2011 3:49:37 PM").getHours() // 15
new Date("3/16/2011 3:49:37 PM").getMinutes() // 49

answered Mar 12, 2014 at 9:52

Raja Asthana

2,1102 gold badges19 silver badges36 bronze badges

Comments

Outsider · Accepted Answer · 2022-07-06 06:04:37Z

4

new Date().toLocaleTimeString('fa-IR', { hour12: false, hour: '2-digit', minute: '2-digit' })

this is how it worked for me!

answered Jul 6, 2022 at 6:04

Outsider

492 bronze badges

Comments

Allen · Accepted Answer · 2017-11-15 06:48:48Z

3

try this:

// British English uses day-month-year order and 24-hour time without AM/PM
console.log(date.toLocaleString('en-GB'));
// → "20/12/2012 03:00:00"

reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

answered Nov 15, 2017 at 6:48

Allen

3541 gold badge3 silver badges8 bronze badges

Comments

keerthi · Accepted Answer · 2018-12-14 06:51:28Z

2

Try this, Its Perfectly Working fine for me. It gives 24 hrs time format

var Date= new Date();

var TimeFormat= date.toLocaleString('en-GB');

Your answer will be Fri Dec 14 2018 18:00:00 GMT+0530 (India Standard Time)

answered Dec 14, 2018 at 6:51

keerthi

15810 bronze badges

Comments

Motalib Hossain · Accepted Answer · 2023-01-11 06:35:41Z

1

Try this, It's Working fine for me. It gives 24 hrs time format.

let time = new Date(new Date().toLocaleString('en-GB', { timeZone: 'Europe/London' }));

answered Jan 11, 2023 at 6:35

Motalib Hossain

861 gold badge1 silver badge11 bronze badges

Comments

Ravendra Kumar · Accepted Answer · 2014-03-12 09:55:07Z

0

Try this

var d = new Date();
alert(d.getHours());
alert(d.getMinutes());

answered Mar 12, 2014 at 9:55

Ravendra Kumar

1,08210 silver badges29 bronze badges

Comments

secelite · Accepted Answer · 2017-02-03 10:54:15Z

0

Try this function

<script type="text/javascript">
    <!--
    function displayTime() {
        var currentDate = new Date();
        var currentHour = currentDate.getHours();
        var currentMinute = currentDate.getMinutes();
        var currentSecond = currentDate.getSeconds();
        document.getElementById('timeDiv').innerHTML = 'Hour: ' + currentHour + ' Minute: ' + currentMinute + ' Second: ' + currentSecond;
    }

    window.onload = function() {
        window.setInterval('displayTime()', 1000);
    }
    // -->
</script>

edited Feb 3, 2017 at 10:54

secelite

1,3381 gold badge11 silver badges19 bronze badges

answered Mar 12, 2014 at 9:54

Systematix Infotech

2,3751 gold badge16 silver badges31 bronze badges

1 Comment

user3409650 Over a year ago

Thanks, but my time format was GMT and I converted it to my browers time by var newDate = new Date(timeFromat); timeFormat = newDate.toLocaleString(); and the time is a past time. but your solution does not work. since When I apply getHours() in timeFormat = newDate.toLocaleString().getHourse(); it does not work

Stanislav Titarenko · Accepted Answer · 2023-02-04 17:15:13Z

0

console.log(Utilities.formatDate(new Date(),"GMT+3","dd.MM.yy k:mm:ss"));

try in format k:m:s insted of hh:mm:ss to

Utilities.formatDate

Tutorial Class SimpleDateFormat

answered Feb 4, 2023 at 17:15

Stanislav Titarenko

1

Comments

Judith lobo · Accepted Answer · 2023-02-09 07:32:42Z

0

const number = moment("02:00 PM", ["h:mm A"]).format("HH:mm"); console.log(number);

answered Feb 9, 2023 at 7:32

Judith lobo

3773 silver badges7 bronze badges

Comments

Richard Blezer · Accepted Answer · 2024-02-13 07:45:27Z

0

This worked for me. de-DE can be replaced with any language string like us-GB , nl-NL, etc.

function showTime() {
    const date = new Date();
    let time = date.toLocaleTimeString('de-DE', {
        hour12: false,
        hour: '2-digit',
        minute:'2-digit',
        second:'2-digit'
    });
    document.getElementById("MyClockDisplay").innerText = time;
    setTimeout(showTime, 1000);
}

showTime();

answered Feb 13, 2024 at 7:45

Richard Blezer

463 bronze badges

Comments

Wahome · Accepted Answer · 2024-10-13 18:31:04Z

0

I find the below being the most accurate.

const currentTime = new Date().toLocaleTimeString([], { 
    hour: '2-digit',
     minute: '2-digit' 
    });

answered Oct 13, 2024 at 18:31

Wahome

6,6691 gold badge13 silver badges7 bronze badges

Collectives™ on Stack Overflow

change time format to 24 hours in javascript

15 Answers 15

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

15 Answers 15

3 Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related