如何在HTML表格中使用datetime-local类型?

时间:2018-10-22 08:10:58

标签: html html-table

在html表中,我将在列中显示日期时间。

在表单中,我使用type =“ datetime-local”将其格式化为AM / PM。

我使用<input type="datetime-local">"2018-10-22T13:38:58"</input> 上面的代码在用户界面中显示为12/10/2015,11:11 AM

如何在html表中获取等效的datetime-local? 在表<td> "2018-10-22T13:38:58"</td>我该如何提及类型?

p.s:请帮助我格式化和编辑问题。谢谢

4 个答案:

答案 0 :(得分:0)

您可以使用moment js在表中实现格式化。我添加了一个预览代码段。

<vector>
$(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);
});

答案 1 :(得分:0)

也许您可以使用本机Date模块的toLocaleString()方法。根据您使用的框架,您可以在前端使用此功能。另外,如果您可以在后端操作日期并仅显示前端的内容,那会更好。

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

答案 2 :(得分:0)

尝试以下格式:

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

答案 3 :(得分:0)

没有找到在视图端执行此操作的简单方法。 最终从后端以适当的格式发送日期。