how to convert date & time format in javascript?

Question

My Script:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<input type="text" id="date_time" value="<?php echo date('Y-m-d H:i:s'); ?>">
<script type="text/javascript">
    $(document).ready(function(){
        var date_time = $('#date_time').val();
        alert(date_time); // return 2015-08-18 11:58:21
    });
</script>
</body>
</html>

It's alert in the format 2015-08-18 11:58:21, but i want to convert my date and time format, using javascript, to 18 August 2015, 11:58 AM.

marc_s · Accepted Answer · 2016-02-01 19:57:39Z

2

As you are using jQuery, so you can use Moment.js plugin to convert date and time as you needed. It's relay ease to use.

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
</head>
<body>
<input type="text" id="date_time" value="<?php echo date('Y-m-d H:i:s'); ?>">
<script type="text/javascript">
    $(document).ready(function(){
        var date_time = $('#date_time').val();
        date_time = moment(date_time, "DD MMMM YYYY, hh:mm A");
        alert(date_time); // return 18 August 2015, 11:58 AM
    });
</script>
</body>
</html>

edited Feb 1, 2016 at 19:57

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Aug 18, 2015 at 10:17

Al Amin Chayan

2,5004 gold badges26 silver badges43 bronze badges

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

1 Comment

NaijaProgrammer Over a year ago

"It's really ease to use". How about showing him some example code of how to use the "moment.js" plugin?

Ashish Ranade · Accepted Answer · 2015-08-18 11:27:18Z

1

Try this :

<script>
var given_date = '2015-11-18 11:58:21';
var date_arr = given_date.split(" "); 
var ymd = date_arr[0];
ymd = ymd.split('-');

var y = ymd[0];
var m = ymd[1];
var d = ymd[2];

var his = date_arr[1];
his = his.split(':');

var h = his[0];
var i = his[1];
var s = his[2];

var ampm = (h >= 12) ? "PM" : "AM";
var months = ['January', 'February', 'March', 'April', 'May', 'June','July', 'August', 'September', 'October', 'November', 'December'];

$('#date').html(d + ' ' + months[m-1] + ' ' + y + '   ' + h + ':' + i + ' ' +  ampm);
</script>

answered Aug 18, 2015 at 11:27

Ashish Ranade

6053 silver badges14 bronze badges

Comments

Saty · Accepted Answer · 2015-08-18 10:09:06Z

1

Change your date format to

<?php
 echo date("F j, Y, g:i a"); ?>

It's return // August 18, 2015, 3:37 pm

Read date format

answered Aug 18, 2015 at 10:09

Saty

22.5k7 gold badges35 silver badges52 bronze badges

2 Comments

Sorav Garg Over a year ago

First Thanks for giving answer but i want this conversion in javascript not in php can you help me ??

Saty Over a year ago

If date is coming form database you can easily converted into your data format using php . Why you use JavaScript fot it??

Collectives™ on Stack Overflow

how to convert date & time format in javascript?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related