У меня есть веб-приложение, которое использует PHP для извлечения из базы данных MySQL и отображения таблицы. Отображаемый формат даты - M\(m\) j, Y g:i a (пример: 31 декабря 1969 г., 16:00).
Есть три столбца данных с датами, а на мобильном устройстве таблица становится слишком широкой. Как лучше всего использовать CSS для преобразования этого длинного формата даты в более короткий формат даты на мобильном устройстве?
Спасибо.






Вы можете использовать разные подходы. Один из них - сгенерировать с помощью PHP настольную и мобильную версии и скрыть с помощью CSS ту, которая не соответствует текущему устройству.
Простой пример с использованием текущей даты и 768 пикселей в качестве точки для изменения:
<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;
}
}
лучший способ - включить оба, просто показать / скрыть на основе области просмотра