Изменить формат даты на мобильном телефоне?

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

Есть три столбца данных с датами, а на мобильном устройстве таблица становится слишком широкой. Как лучше всего использовать CSS для преобразования этого длинного формата даты в более короткий формат даты на мобильном устройстве?

Спасибо.

лучший способ - включить оба, просто показать / скрыть на основе области просмотра

treyBake 26.10.2018 14:18
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
3
1
91
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать разные подходы. Один из них - сгенерировать с помощью 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;
    }
}

Другие вопросы по теме