更改手机上的日期格式？

Question

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

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

谢谢。

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