Bootstrap 列表时间格式化：使用 JavaScript 将时间格式化为本地日期字符串
<p>"要在 Bootstrap 列表中对时间进行格式化，可以使用 JavaScript 的 Date 对象和 toLocalDateString() 方法。\n\n首先，确保您的时间数据以正确的格式存储在列表项中。例如，您可以使用 ISO 8601 格式存储时间，如 "2022-12-31T12:00:00Z"。\n\n然后，在使用 Bootstrap 渲染列表时，可以在 JavaScript 中的循环中对时间进行格式化。以下是一个示例代码：\n\n<code>html\n<ul class=\"list-group\">\n <li class=\"list-group-item\">\n <script>\n // 假设时间数据存储在一个名为 data 的数组中\n var data = [\n { time: \"2022-12-31T12:00:00Z\" },\n { time: \"2023-01-01T09:30:00Z\" },\n { time: \"2023-01-02T14:15:00Z\" }\n ];\n\n // 循环遍历数组并渲染列表项\n for (var i = 0; i < data.length; i++) {\n var item = data[i];\n var time = new Date(item.time).toLocaleDateString();\n\n document.write('<div class=\"list-group-item\">' + time + '</div>');\n }\n </script>\n </li>\n</ul>\n</code>\n\n在上面的示例中，我们首先定义了一个包含时间数据的数组。然后，我们使用 JavaScript 的 Date 对象将时间字符串转换为 Date 对象，并使用 toLocaleDateString() 方法将其格式化为本地日期字符串。最后，我们使用 document.write() 将格式化的时间字符串添加到列表项中。\n\n请注意，上述示例中的 JavaScript 代码应放在列表之外的 <script> 标签中。这是因为如果将代码放在列表项中，它将在每个列表项之前都执行一次，导致重复的列表项。"</p>
原文地址: http://www.cveoy.top/t/topic/pMuR 著作权归作者所有。请勿转载和采集!