简体   繁体   中英

how to convert date & time format in javascript?

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 .

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>

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

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>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM