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

Question

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

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

Спасибо.

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