如何使用Day.js在浏览器中渲染日期



我想使用Dayjs将日期呈现到<span class="mr-3 text-danger date">元素中。我该怎么做?我在html文档底部的脚本标记中导入了从CDN导入的dayjs。

<!--This is my html code-->
<div class="d-flex event">
<span class="mr-3 text-danger date"></span>
<span class="text-danger">24°C, Fort Portal</span>
</div>

<!DOCTYPE html>
<html>
<body>
<!--This is my html code-->
<div class="d-flex event">
<span class="mr-3 text-danger date"></span><br>
<span class="text-danger">24°C, Fort Portal</span>
</div>
</body>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script>
let datesClasses = document.getElementsByClassName("date")
Array.prototype.forEach.call(datesClasses, element => {

element.innerHTML = dayjs().format('YYYY/MM/DD HH:mm:ss A')
})
</script>
</html>

相关内容

最新更新