如何在PHP与MySQL中将日期格式化为 'dd mmm yyyy' 并优化显示-html教程-PHP中文网

如何在PHP与MySQL中将日期格式化为 'dd mmm yyyy' 并优化显示

碧海醫心

发布： 2025-09-26 15:34:01

原创

396人浏览过

如何在php与mysql中将日期格式化为 'dd mmm yyyy' 并优化显示

本教程探讨了在PHP和MySQL环境中将数据库日期（YYYY-MM-DD）格式化为用户友好的'dd mmm yyyy'格式（如27 Jun 2022）的方法。文章将介绍服务器端PHP处理方案，并重点推荐使用客户端JavaScript库（如Moment.js）进行高效且灵活的日期格式化，同时强调数据库中日期时间存储的最佳实践。

1. 引言：日期格式化需求

在Web开发中，从数据库检索到的日期通常以标准化的格式（如MySQL的YYYY-MM-DD或YYYY-MM-DD HH:MM:SS）存储。然而，为了提供更好的用户体验，这些日期往往需要在前端以更易读、更符合本地习惯的格式显示，例如“27 Jun 2022”。本文将介绍如何在PHP后端和JavaScript前端实现这种日期格式转换，并提供关于数据库日期存储的最佳实践。

2. PHP服务器端日期格式化

PHP提供了内置函数来处理日期和时间，可以在服务器端将从MySQL获取的日期字符串转换为所需的格式。

2.1 使用 strtotime() 和 date() 函数

strtotime() 函数可以将任何英文文本的日期或时间描述解析为Unix时间戳。然后，date() 函数可以根据指定格式将Unix时间戳格式化为可读的日期字符串。

示例代码：

立即学习“PHP免费学习笔记（深入）”；

假设您的$checkSqlRow["CREATED_AT"]包含从数据库获取的日期字符串，例如"2022-06-27"。

<?php
// 假设 $checkSqlRow["CREATED_AT"] 的值为 "2022-06-27"
$dateFromDb = $checkSqlRow["CREATED_AT"];

// 将日期字符串转换为Unix时间戳
$timestamp = strtotime($dateFromDb);

// 使用 date() 函数格式化时间戳为 "dd mmm yyyy" 格式
// 'd' 代表月份中的日期 (01-31)
// 'M' 代表月份的简写 (Jan-Dec)
// 'Y' 代表四位数的年份
$formattedDate = date('d M Y', $timestamp);

// 在HTML表格中输出格式化后的日期
echo '<td>' . $formattedDate . '</td>';
?>

登录后复制

输出结果：

<td>27 Jun 2022</td>

登录后复制

2.2 优缺点分析

优点：
- 实现简单，无需引入额外库。
- 所有处理都在服务器端完成，客户端无需执行JavaScript。
缺点：
- 服务器负载： 如果页面包含大量日期需要格式化，可能会增加服务器的CPU负担。
- 本地化复杂性： 对于需要支持多种语言或时区的应用，PHP的date()函数在处理本地化（如月份名称翻译）方面不如专业的日期库灵活，可能需要手动维护映射。
- 灵活性受限： 一旦页面生成，日期格式就固定了，无法在客户端动态更改。

3. JavaScript客户端日期格式化（推荐方案）

将日期格式化任务转移到客户端浏览器是一个更现代且推荐的做法。这不仅减轻了服务器的负担，还提供了更灵活的本地化和动态更新能力。

3.1 为何选择客户端处理

减轻服务器压力： 将格式化逻辑从服务器转移到用户浏览器，服务器只需提供原始数据。
更好的用户体验： 可以在不刷新页面的情况下动态更新日期格式，或根据用户偏好进行本地化。
丰富的库支持： JavaScript生态系统提供了许多强大的日期处理库，如Moment.js、Luxon、date-fns等，它们提供了全面的日期操作和本地化功能。

3.2 使用Moment.js库

Moment.js是一个非常流行的JavaScript日期处理库，它提供了强大的解析、验证、操作和格式化日期的功能。

比格设计

比格设计是135编辑器旗下一款一站式、多场景、智能化的在线图片编辑器

124

查看详情

步骤：

引入Moment.js库： 在您的HTML文件的zuojiankuohaophpcnhead>或<body>标签结束前引入Moment.js。您可以从CDN加载，也可以通过npm安装后自行打包。
```

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
```
登录后复制

HTML准备： 在PHP生成HTML时，输出原始的日期字符串，并可以将其存储在HTML元素的data-属性中，以便JavaScript轻松访问。

<?php
// 假设 $checkSqlRow["CREATED_AT"] 的值为 "2022-06-27"
$dateFromDb = $checkSqlRow["CREATED_AT"];
?>
<!-- 将原始日期存储在data-date属性中 -->
<td class="date-display" data-date="<?php echo $dateFromDb; ?>">
    <!-- 这里可以先放一个占位符或者原始日期，JavaScript会替换它 -->
    <?php echo $dateFromDb; ?>
</td>

登录后复制

JavaScript格式化代码： 使用JavaScript遍历所有需要格式化的日期元素，并使用Moment.js进行格式化。

document.addEventListener('DOMContentLoaded', function() {
    // 获取所有带有 'date-display' 类名的单元格
    const dateCells = document.querySelectorAll('.date-display');

    dateCells.forEach(function(cell) {
        // 从 data-date 属性获取原始日期字符串
        const rawDate = cell.dataset.date;

        // 使用 Moment.js 解析日期并格式化
        // 'DD' 代表月份中的日期 (01-31)
        // 'MMM' 代表月份的简写 (Jan-Dec)
        // 'YYYY' 代表四位数的年份
        const formattedDate = moment(rawDate).format('DD MMM YYYY');

        // 更新单元格的文本内容
        cell.textContent = formattedDate;
    });
});

登录后复制

注意事项：

Moment.js的替代品： 尽管Moment.js功能强大，但其维护者已建议新项目考虑使用如Luxon、date-fns或原生JavaScript的Intl.DateTimeFormat API，因为它们更轻量、更模块化，并且对Tree Shaking更友好。对于本教程的需求，Moment.js仍然是一个简单易用的选择。
错误处理： 在实际应用中，您应该添加错误处理，以防data-date属性缺失或日期字符串无效。

4. MySQL数据库日期时间存储最佳实践

无论您选择服务器端还是客户端格式化，数据库中日期时间的存储方式都至关重要。推荐始终存储完整的DATETIME类型，而不是仅存储DATE。

4.1 存储完整 DATETIME 的理由

灵活性： 存储完整的日期和时间（YYYY-MM-DD HH:MM:SS）提供了最大的灵活性。即使当前只需要日期部分，未来可能需要精确到小时、分钟甚至秒的信息，而无需修改数据库结构或丢失历史数据。
调试和审计： 完整的时间戳对于调试问题、跟踪记录的创建和修改时间非常有价值。
时区处理： 存储完整时间戳（最好是UTC时间）有助于在处理跨时区数据时保持一致性。
内存优化： DATETIME字段的存储开销相对较小，通常为8字节，与仅存储DATE（3字节）相比，增加的开销微乎其微。

4.2 CURRENT_TIMESTAMP 的应用

MySQL提供了CURRENT_TIMESTAMP作为默认值和更新时的自动更新值，这对于记录创建和修改时间非常方便。

SQL建表示例：

CREATE TABLE exampleSchema (
    game_id                 BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
    name                    VARCHAR(255) DEFAULT '' NOT NULL,
    code                    VARCHAR(255) DEFAULT '' NOT NULL,
    created                 DATETIME DEFAULT CURRENT_TIMESTAMP NOT NULL,
    modified                DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP NOT NULL
) ENGINE = InnoDB;

登录后复制

created 字段：在插入新记录时，如果未显式提供值，将自动设置为当前的日期和时间。
modified 字段：在插入新记录时自动设置，并在每次更新该行时自动更新为当前的日期和时间。

这种设置确保了时间戳的准确性和自动化，极大地简化了开发工作。

5. 总结与注意事项

选择合适的格式化策略：
- 如果您的应用对性能要求不高，且不需要复杂的本地化或动态日期显示，PHP服务器端格式化是一个快速简单的选择。
- 对于现代Web应用，尤其是在意性能、用户体验、本地化和可扩展性的场景，强烈推荐使用JavaScript客户端库进行日期格式化。
数据库存储： 始终在MySQL中存储完整的DATETIME类型，并利用CURRENT_TIMESTAMP来自动化created和modified字段的管理。这为未来的需求提供了最大的灵活性和可追溯性。
本地化考量： 如果您的应用面向全球用户，客户端JavaScript库（如Moment.js配合其语言包，或Intl.DateTimeFormat）在处理日期和时间本地化方面具有显著优势。

通过结合数据库的最佳实践和前端的灵活处理，您可以有效地管理和显示日期信息，从而提升应用的健壮性和用户体验。

以上就是如何在PHP与MySQL中将日期格式化为 'dd mmm yyyy' 并优化显示的详细内容，更多请关注php中文网其它相关文章！