[JavaScript] 今日の年月日を表示したい

公開日:2023/04/22

html

<span class="current_date"></span>

「current_date」クラスが設定されたタグの文字列に日付が表示されます。

JavaScriptが無効な環境では何も表示されません。必要に応じて初期値を設定してください。

JavaScript

<script>
    function showCurrentDate() {
        const date = new Date();
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        const day = date.getDate();
        const currentDate= year + '年' + month + '月' + day + '日';

        const elements = document.querySelectorAll('.current_date');
        for (let i = 0; i < elements.length; i++) {
            elements[i].textContent = currentDate;
        }
    }
    showCurrentDate();
</script>

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。