如何解决MySQL的Datetime在PrimeNG表格中显示为GMT格式的问题？

嘿，我来帮你搞定这个日期格式的麻烦！这个问题其实挺常见的，本质是前端拿到日期数据后自动转成了Date对象，而Date对象默认会用GMT/UTC相关的格式展示，咱们分几个方向来解决：

方法一：用Angular DatePipe在前端格式化显示 #

这是最直接的前端解决方案，不需要改后端代码。你只需要在PrimeNG表格的列里自定义模板，用date管道把日期格式化成你想要的样子：

首先，确保你在模块里导入了CommonModule（Angular默认会加，但如果是自定义模块要确认），然后修改你的表格代码：

<p-dataTable [value]="rows">
  <p-column field="username" header="用户名"></p-column>
  <p-column header="时间">
    <ng-template let-row pTemplate="body">
      <!-- 这里的格式可以和MySQL存的datetime格式一致，比如yyyy-MM-dd HH:mm:ss -->
      {{ row.datetime | date:'yyyy-MM-dd HH:mm:ss' }}
    </ng-template>
  </p-column>
</p-dataTable>

date管道支持很多格式参数，你可以根据需求调整，比如要显示时区的话可以加'yyyy-MM-dd HH:mm:ss z'。

方法二：后端直接返回格式化后的日期字符串 #

如果你不想在前端处理，也可以在后端查询MySQL的时候，直接把datetime字段转成格式化好的字符串返回。比如用MySQL的DATE_FORMAT函数：

SELECT username, DATE_FORMAT(datetime_column, '%Y-%m-%d %H:%i:%s') AS datetime FROM your_table;

这样前端拿到的就是纯字符串，不会被自动转成Date对象，PrimeNG表格就会直接显示你想要的格式了。

方法三：禁止前端自动转换日期对象 #

你的当前代码用了JSON.parse(data["_body"])，如果后端返回的是ISO格式的日期字符串（比如2024-05-20T12:34:56Z），JSON.parse会自动把它转成Date对象。你可以通过自定义解析函数来控制：

load = function(){ 
  this.http.get('http://localhost:8000/load').subscribe(data => { 
    this.rows = JSON.parse(data["_body"], (key, value) => {
      // 假设你的日期字段名叫datetime，这里直接返回字符串不转Date
      if (key === 'datetime') {
        return value;
      }
      return value;
    }); 
  }); 
}

如果你用的是Angular的HttpClient（不是老版本的Http），还可以设置responseType: 'text'来避免自动解析日期：

this.http.get('http://localhost:8000/load', { responseType: 'text' }).subscribe(data => {
  this.rows = JSON.parse(data);
});

为什么会出现这个问题？ #

MySQL的datetime类型在后端被查询后，通常会被转成Date对象，然后序列化成JSON时会变成ISO 8601格式（带T和Z的那种）。前端拿到后，不管是Angular还是PrimeNG，都会默认用Date对象的默认格式展示，也就是GMT相关的格式，所以咱们需要手动干预格式转换~

内容的提问来源于stack exchange，提问作者John