Как использовать тип datetime-local в html таблице?

Question

В HTML-таблице я буду отображать дату и время в столбце.

В формах я использую type = "datetime-local", чтобы отформатировать его в AM / PM.

Я использую<input type="datetime-local">"2018-10-22T13:38:58"</input> Приведенный выше код отображается в пользовательском интерфейсе как 12/10/2015,11:11 AM

Как получить эквивалент datetime-local в таблице html?в таблице <td> "2018-10-22T13:38:58"</td> Как мне указать тип?

ps: Пожалуйста, помогите мне отформатировать и отредактировать вопрос.Спасибо

Answer 1

Не нашел простого способа сделать это с точки зрения стороны.Закончилось отправка даты в соответствующем формате из бэкэнда.

Answer 2

Может быть, вы можете использовать toLocaleString() метод родного Date модуля.Основываясь на используемой платформе, вы можете использовать эту функцию в веб-интерфейсе.Кроме того, было бы лучше, если бы вы могли манипулировать датой на бэкенде и просто отображать все, что приходит на фронтэнд.

console.log(new Date('2018-10-22T13:38:58').toLocaleString()); // Gives you 10/22/2018, 1:38:58 PM

Answer 3

попробуйте этот формат:

$originalDate = "2018-10-22T13:38:58";
$newDate = date("d/m/Y,h:i A", strtotime($originalDate));
echo $newDate;

Answer 4

Вы можете использовать момент js для достижения форматирования в вашей таблице.Я добавил фрагмент кода для предварительного просмотра.

$(document).ready(function() {  
  var date = $('#date').val();
  var table = "<table>";
  table += "<tr><th>Date</th></tr>";
  table += "<tr><td>" + moment(date).format('DD.MM.YYYY H:mm')  + "</td></tr>";
  table += "</table>";
  $('#table-container').append(table);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="date" type="datetime-local" value="2018-06-12T19:30" />
<div id="table-container"></div>