如何使用JS转换HTML中的日期格式？

Question

javascript真的很新，非常感谢您的帮助。

我的HTML代码的一部分包含从表单中提取的日期，这些日期将被打印出来。

<body> 
Test Date<br> 
<span id="test">{{TestDate|"dd/MM/yy"}}</span><br>
Test Date 2<br> 
<span id="test2">{{NextTest|"dd/MM/yy"}}</span><br>
</body>

TestDate和NextTest是从表单获得的数据并显示结果。 但是，日期结果为yyyy-MMM-dd 。

我正在尝试通过使用{{TestDate|"dd/MM/yy"}}将其显示为dd/MM/yy 。 但是，这似乎不起作用。

我已经看到了几种使用js进行操作的选项，但是我不确定如何将其与HTML一起使用（标记），以及如何使其在没有触发器的情况下执行/加载后，因此两个日期在打印之前都将采用正确的格式）

例如var现在=新的Date（）; now.format（“ dd / MM / yy”）; //返回，例如08/01/18

但是由于我不需要新日期，而是要使用TestDate和NextTest返回的日期，因此不确定如何将其合并/修改到上述HTML中以使日期格式更改生效。

还是我需要参考跨度ID？ 如果是这样，如果两个日期都需要转换怎么办？

任何帮助表示赞赏！

回声

Answer 1

使用Javascript，您可以使用innerHTML元素属性进行更改。 在您的情况下，您可以这样做。

document.getElementById('test').innerHTML=now.format("dd/MM/yy");

希望这对您有所帮助。

Answer 2

如果您有许多日期格式要求，则此库将对moment.js有所帮助

Answer 3

您可以执行以下操作来实现此功能。 我向所有需要日期格式转换的DOM元素添加了一个customDate类，并在onload函数中添加了替换它们的代码。

 window.onload = function() { var customDates = document.getElementsByClassName('customDate'); for (var i=0; i<customDates.length; i++) { var customDate = new Date(customDates[i].innerHTML); var year = customDate.getFullYear(); var month = (customDate.getMonth()+1).toString().padStart(2, '0'); var day = customDate.getDate().toString().padStart(2, '0'); document.getElementsByClassName('customDate')[i].innerHTML = day+"/"+month+"/"+year; } }

 <body> Test Date<br> <span class="customDate" id="test">2018-01-08</span><br> Test Date 2<br> <span class="customDate" id="test2">2017-12-10</span><br> </body>

如何使用JS转换HTML中的日期格式？

问题描述

3 个解决方案

解决方案1
0 2018-01-08 05:25:25

解决方案2
0 2018-01-08 05:37:18

解决方案3
0 2018-01-08 05:44:51

如何使用JS转换HTML中的日期格式？

问题描述

3 个解决方案

解决方案1 0 2018-01-08 05:25:25

解决方案2 0 2018-01-08 05:37:18

解决方案3 0 2018-01-08 05:44:51

解决方案1
0 2018-01-08 05:25:25

解决方案2
0 2018-01-08 05:37:18

解决方案3
0 2018-01-08 05:44:51