显示今天的日期js代码(阳历和农历)

2023年5月27日下午12:50 • JavaScript

显示今天的日期JS代码可以包括阳历和农历两个部分，下面我将分别给出具体的实现步骤。

显示阳历日期

第一步：获取日期对象

使用Date()函数获取到当前的日期对象。

const currentDate = new Date();

第二步：获取年、月、日

使用getFullYear()、getMonth()、getDate()三个函数获取到当前日期的年份、月份和日子。

const year = currentDate.getFullYear();
const month = currentDate.getMonth() + 1;
const date = currentDate.getDate();

注意，这里月份需要加1，因为getMonth()获取的月份是从0开始的。

第三步：将日期格式化输出

将获取到的年、月、日信息拼接成字符串输出。

const formattedDate = year + "-" + month + "-" + date;
console.log(formattedDate);

输出结果将会是类似于“2022-01-28”这样的格式。

显示农历日期

第一步：引入农历日期库

使用一个名为lunar-calendar的库来实现农历日期的显示。可以通过引入lunar-calendar库来完成。

<script src="https://unpkg.com/lunar-calendar/dist/lunar-calendar.min.js"></script>

第二步：获取农历日期信息

const lunarDate = LunarCalendar.solarToLunar(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());

这里使用了LunarCalendar.solarToLunar()函数将阳历日期转成农历日期。

第三步：将农历日期格式化输出

const formattedLunarDate = lunarDate.year + "年" + lunarDate.month + "月" + lunarDate.day + "日";
console.log(formattedLunarDate);

输出结果将会是类似于“二零二二年正月二十四日”这样的格式。

示例说明

以下是两个示例，展示了如何在网页中显示当前的阳历和农历日期。

示例1：仅显示阳历日期

<!DOCTYPE html>
<html>
<head>
    <title>显示今天的阳历日期</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>今天的阳历日期是：</h1>
    <p id="date"></p>
    <script>
        const currentDate = new Date();
        const year = currentDate.getFullYear();
        const month = currentDate.getMonth() + 1;
        const date = currentDate.getDate();
        const formattedDate = year + "-" + month + "-" + date;
        document.getElementById("date").innerHTML = formattedDate;
    </script>
</body>
</html>

示例2：同时显示阳历和农历日期

<!DOCTYPE html>
<html>
<head>
    <title>显示今天的日期（阳历和农历）</title>
    <meta charset="UTF-8">
    <script src="https://unpkg.com/lunar-calendar/dist/lunar-calendar.min.js"></script>
</head>
<body>
    <h1>今天的日期是：</h1>
    <p id="solarDate"></p>
    <p id="lunarDate"></p>
    <script>
        const currentDate = new Date();

        // 显示阳历日期
        const year = currentDate.getFullYear();
        const month = currentDate.getMonth() + 1;
        const date = currentDate.getDate();
        const formattedDate = year + "-" + month + "-" + date;
        document.getElementById("solarDate").innerHTML = formattedDate;

        // 显示农历日期
        const lunarDate = LunarCalendar.solarToLunar(currentDate.getFullYear(), currentDate.getMonth() + 1, currentDate.getDate());
        const formattedLunarDate = lunarDate.year + "年" + lunarDate.month + "月" + lunarDate.day + "日";
        document.getElementById("lunarDate").innerHTML = formattedLunarDate;
    </script>
</body>
</html>

这两个示例可以直接在浏览器中打开运行。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：显示今天的日期js代码(阳历和农历) - Python技术站