【问题标题】:How to change MySQL date format using front end jQuery如何使用前端 jQuery 更改 MySQL 日期格式
【发布时间】:2016-03-02 16:34:23
【问题描述】:

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            
    });
});

【问题讨论】:

标签: javascript php jquery mysql


【解决方案1】:
//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>";
    }
?>

【讨论】:

  • 这个仅代码的答案没有解释什么是错误的或如何解决它。
【解决方案2】:

如果你想用 PHP 来使用它:

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

输出

28 Feb,2016 02:11 AM

使用 jquery :

你可以使用jQuery dateFormat插件。

【讨论】:

    【解决方案3】:

    正如您所说的从数据库中获取数据,您可以简单地从那里对其进行格式化,这样您根本不需要在前端(或使用 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
    

    【讨论】:

      【解决方案4】:

      使用 moment.js

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

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

      【讨论】:

        【解决方案5】:

        如果您想轻松更改排序,其他形式如下:

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

        https://jsfiddle.net/bxa5efzj/

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-09-04
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-02-23
          相关资源
          最近更新 更多