How can I render date in the browser using Day.js?

781 Views Asked by Derrick Mwikyo At 18 April 2025 at 09:12

I want to render a date into the <span class="mr-3 text-danger date"> element using Dayjs. How do I go about doing this? I have dayjs imported from a CDN in a script tag at the bottom of the html document.

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

Original Q&A

There are 1 best solutions below

Dshiz On 05 October 2020 at 18:17 BEST ANSWER

<!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/[email protected]/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>

How can I render date in the browser using Day.js?

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in WEB-FRONTEND

Related Questions in DAYJS

Trending Questions

Popular # Hahtags

Popular Questions