如何使用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