Converting string to specific time format (string) JavaScript

Question

I need to convert a string from a html data tag to a specific time format in JavaScript.

var time = "August 01, 2016 01:30"

needs to become

"01 August 2016 01:30:00"

The following code does that:

var time = "August 01, 2016 01:30"
var time_array = time.split(",")
var month = time_array[0].split(' ')[0]
var day = time_array[0].split(' ')[1]
var year = time_array[1].split(' ')[1]
var time = time_array[1].split(' ')[2]+ ":00"
var result = day + " " + month + " " + year + " " + time

But I wondered if there is a more efficient, faster way to do this?

Have you considered using the momentjs library for this? momentjs.com — Fred Kleuver
– Fred Kleuver, Commented Jul 27, 2016 at 10:38

Arnauld · Accepted Answer · 2016-07-27 10:52:17Z

2

Assuming that you don't need to check whether the input string is describing a valid date and time, you can simply use the .replace() method:

var time = "August 01, 2016 01:30";

time = time.replace(/([a-z]+) (\d{2}), (\d{4} \d{2}:\d{2})/i, "$2 $1 $3:00");

console.log(time);

edited Jul 27, 2016 at 10:52

answered Jul 27, 2016 at 10:40

Arnauld

6,1882 gold badges17 silver badges34 bronze badges

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

Comments

adeneo · Accepted Answer · 2016-07-27 10:56:26Z

If you don't want to include an entire library, and want to still work with actual dates, it's not that hard to parse the date yourself

var time = "August 01, 2016 01:30";

var months = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
    'August',
    'September',
    'October',
    'November',
    'December'
];

var parts = time.split(/[\s,:]/);
var date  = new Date(parts[3], months.indexOf(parts[0]), parts[1], parts[4], parts[5]);

Now that you have a date object, you can output anything you'd like, and you could use the months array to get the month back etc.

function pad(x) { return x < 10 ? '0' + x : x}

var new_date = [
    pad(date.getDate()), 
    months[date.getMonth()], 
    date.getFullYear(), 
    pad(date.getHours()) + ':' +
    pad(date.getMinutes())  + ':' +
    pad(date.getSeconds())
];

var parsed = new_date.join(' ');

var time = "August 01, 2016 01:30";

var months = [
  'January',
  'February',
  'March',
  'April',
  'May',
  'June',
  'July',
  'August',
  'September',
  'October',
  'November',
  'December'
];

var parts = time.split(/[\s,:]/);
var date  = new Date(parts[3], months.indexOf(parts[0]), parts[1], parts[4], parts[5]);

function pad(x) { return x < 10 ? '0' + x : x}

var new_date = [
    pad(date.getDate()), 
    months[date.getMonth()], 
    date.getFullYear(), 
    pad(date.getHours()) + ': ' +
    pad(date.getMinutes())  + ': ' +
    pad(date.getSeconds())
];
                    
var parsed = new_date.join(' ');

document.body.innerHTML = parsed;

Community · Accepted Answer · 2017-05-23 11:58:59Z

0

As suggested by @andrey-etumyan, you should use moment.js

var time = "August 01, 2016 01:30" 
var d = moment(time, "MMMM DD, YYYY hh:mm")
console.log(d.format("DD MMMM YYYY hh:mm:ss"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered Jul 27, 2016 at 10:42

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

Comments

VincenzoC · Accepted Answer · 2016-07-27 10:42:12Z

0

Using momentjs, you can have the following code:

var time = "August 01, 2016 01:30";
time = moment(time, 'MMMM DD, YYYY HH:mm').format('DD MMMM YYYY HH:mm:ss');
console.log(time)//"01 August 2016 01:30:00"

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>

answered Jul 27, 2016 at 10:42

VincenzoC

31.7k12 gold badges102 silver badges123 bronze badges

Comments

sielakos · Accepted Answer · 2016-07-27 10:43:22Z

0

You can do that easily without any momentjs or manual parsing string. Date will parse it nicely.

var date = new Date("August 01, 2016 01:30");
var months = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"];


console.log(date.getDate() + ' ' + months[date.getMonth()] + ' ' +
            date.getFullYear()  + ' ' + date.getHours() + ':' + date.getMinutes() );

answered Jul 27, 2016 at 10:43

sielakos

2,40413 silver badges13 bronze badges

Collectives™ on Stack Overflow

Converting string to specific time format (string) JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related