在手机上更改日期格式？

【问题标题】：Change date format on mobile?在手机上更改日期格式？
【发布时间】：2019-03-31 04:52:32
【问题描述】：

我有一个使用 PHP 从 MySQL 数据库中提取并显示表格的 Web 应用程序。显示的日期格式为M\(m\) j, Y g:i a（例如：Dec(12) 31, 1969 4:00 pm）。

有三列日期数据，而在移动设备上，表格太宽了。在移动设备上使用 CSS 将长日期格式转换为短日期格式的最佳方法是什么？

谢谢。

【问题讨论】：

最好的方法是两者都包含，只是根据视口显示/隐藏

标签： php html css date

【解决方案1】：

您可以使用不同的方法。一种是用PHP生成桌面版和移动版，通过CSS隐藏与当前设备不匹配的。

使用当前日期和 768px 作为更改点的简单示例：

<table>
 <tbody>
 <tr>
   <td>your other stuff</td>
   [...]
   <td>
     <span class="desktop-date"><?php echo date('M\(m\) j, Y g:i a'); ?></span>
     <span class="mobile-date"><?php echo date('d-m-Y'); ?></span>
   </td>
  </tr>
  </tbody>
</table>

然后使用 CSS：

@media (max-width: 767px) {
    .desktop-date {
      display: none;
    }
}
@media (min-width: 768px) {
    .mobile-date {
      display: none;
    }
}

【讨论】：