如何使用前端jQuery更改MySQL日期格式

Question

MySQL数据库具有日期字段，其日期格式为2016-02-28 02:11:24 。 以下php代码和j-query在引导模型上显示日期。 我想将日期格式更改为28 Feb 2016, 02:11 PM如何使用前端J-query或后端MySQL字段格式进行更改？

<?php
    foreach ($value as $value2) {
        echo "<div class='well'>";
        echo '<p class="target" userRegdate = "' . $value2->added_date . '"  >' . $value2->content . '</p>';
        echo "</div>";
    }
?>

J查询对话框显示日期

//Display dialog box when mouse click
$(".target").click(function () {

    var publish_date = $(this).attr("userRegdate");
    BootstrapDialog.show({
        title: 'user added date',
        message: publish_date            
    });
});

Answer 1

如果要通过PHP使用它，则：

<?php
 $yrdata= strtotime('2016-02-28 02:11:24');
    echo date('d M,Y H:i A', $yrdata);
 ?>

OUTPUT

28 Feb,2016 02:11 AM

使用jQuery：

您可以使用jQuery dateFormat插件。

Answer 2

正如您所说的，您是从数据库中获取数据的，您可以从那里简单地对其进行格式化，因此根本不需要在前端（或使用php）做任何事情。 您可以使用MySQL的DATE_FORMAT()函数：

SELECT DATE_FORMAT('2016-02-28 02:11:24', '%e %b %Y, %r')

---

在像这样的查询中

SELECT DATE_FORMAT(dateColumn, '%e %b %Y, %r') formatedDate, colA, colB 
FROM table

Answer 3

使用moment.js

var date = new Date(*added date*);
var formattedDate = moment(date).format('dd MMM YYYY, h:mm');

添加日期为2016-02-28 02:11:24

Answer 4

//code added the date function with parameter to format date
<?php
    foreach ($value as $value2) {
        echo "<div class='well'>";
        echo '<p class="target" userRegdate = "' . date("j, F, Y, g:i a",strtotime($value2->added_date)) . '"  >' . $value2->content . '</p>';
        echo "</div>";
    }
?>

Answer 5

如果您想轻松更改排序，则其他形式是这样的：

var newDate = date.getDate() + '/' + (date.getMonth() + 1) + '/' +  date.getFullYear() + ', '+ date.getHours() + ':' + date.getMinutes() + 'PM';

https://jsfiddle.net/bxa5efzj/