首页 > 解决方案 > 在手机上更改日期格式?

问题描述

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

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

谢谢。

标签: phphtmlcssdate

解决方案


您可以使用不同的方法。一种是用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;
    }
}

推荐阅读