如何使用 Day.js 在浏览器中呈现日期？

【问题标题】：How can I render date in the browser using Day.js?如何使用 Day.js 在浏览器中呈现日期？
【发布时间】：2020-10-05 17:50:02
【问题描述】：

我想使用 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>

【问题讨论】：

标签： javascript web-frontend dayjs

【解决方案1】：

<!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>

【讨论】：