JS简单获取当前日期和农历日期的方法

当我们需要在网页中展示当前日期时,可以使用JavaScript来获取当前日期。而获取农历日期则需要用到一些计算方法。下面,我们就来介绍一下JS简单获取当前日期和农历日期的方法。

获取当前日期

方法一:使用Date对象

Date对象是JavaScript中用来处理日期和时间的对象。获取当前日期可以通过创建一个Date对象,并调用其方法来获取。以下是获取当前日期的代码示例:

let today = new Date();
let year = today.getFullYear(); //获取年份
let month = today.getMonth() + 1; //获取月份,需加1
let day = today.getDate(); //获取日期
let weekArr = ['日', '一', '二', '三', '四', '五', '六'];
let week = weekArr[today.getDay()]; //获取星期

console.log(`今天是${year}年${month}月${day}日 星期${week}`);

运行结果:

今天是2021年7月9日 星期五

方法二:使用moment.js库

moment.js是一个常用的日期处理库,可以简化JavaScript中日期和时间的操作。以下是使用moment.js库获取当前日期的代码示例:

let moment = require('moment'); //引入moment.js库
let today = moment().format('YYYY年MM月DD日 dddd'); //格式化日期

console.log(`今天是${today}`);

运行结果:

今天是2021年7月9日 星期五

获取农历日期

获取农历日期需要用到农历计算的算法,这里不赘述算法的具体实现。我们可以使用开源库lunar.js来获取农历日期。lunar.js是一款用于JavaScript的农历日期计算库,可以方便地将公历日期转换成农历日期。以下是示例代码:

let lunar = require('lunar.js'); //引入lunar.js库
let today = new Date();
let ganZhiYear = lunar.toGanZhi(today.getFullYear(), today.getMonth() + 1, today.getDate()); //获取干支纪年
let cnYear = lunar.toChinaYear(today.getFullYear()); //获取农历年
let cnMonth = lunar.toChinaMonth(today.getFullYear(), today.getMonth() + 1, today.getDate()); //获取农历月
let cnDay = lunar.toChinaDay(today.getFullYear(), today.getMonth() + 1, today.getDate()); //获取农历日

console.log(`今天是${ganZhiYear}年 ${cnYear}年${cnMonth}${cnDay}`);

运行结果:

今天是辛丑年 2021年五月廿九

通过以上方法,我们可以简单地获取当前日期和农历日期,并在网页中进行展示。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS简单获取当前日期和农历日期的方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • ECharts transform数据转换和dataZoom在项目中使用

    ECharts transform数据转换和dataZoom在项目中使用是数据可视化中非常重要的一部分,本文将会从以下几个方面来进行讲解: transform数据转换的基本概念及使用方法 示例说明transform数据转换的用法 dataZoom使用方法及示例 1. transform数据转换的基本概念及使用方法 在ECharts中,数据转换是一种通过对数据…

    JavaScript 2023年6月10日
    00
  • 详解element-ui中form验证杂记

    下面我将详细讲解关于element-ui中form验证的攻略。 一、前言 在前后端分离的开发中,前端对数据的验证尤为重要。element-ui提供了许多常用的表单验证功能,本文将详解其使用方法。 二、需求分析 本次验证需求如下: 用户名:非空,长度在3~20个字符之间 密码:非空,6~18个字符 确认密码:必须与密码保持一致 三、实现方法 1. 使用elem…

    JavaScript 2023年6月10日
    00
  • 最常见和最有用的字符串相关的方法详解

    当涉及到字符串处理的时候,有很多方法可以使用,本文将会讲解最常见和最有用的字符串相关的方法。 1. 字符串长度 要查找字符串的长度,可以使用 len() 函数。以下是一个示例: s = "Hello, World!" print(len(s)) 上面的代码将输出:13 2. 字符串索引 Python中的字符串是以零开始的,这意味着第一个字…

    JavaScript 2023年5月28日
    00
  • Vue中引入json的三种方式总结

    一共有三种方式可以在Vue中引入JSON文件,分别是通过异步请求、在Vue文件中直接定义JSON数据、在Vue组件中导入JSON文件。以下是每一种方式的详细讲解: 1. 异步请求 使用异步请求可以从其他地方获取JSON文件,在Vue组件中引入数据。 在Vue组件的created或mounted生命周期钩子函数中,使用axios或fetch等方式进行异步请求,…

    JavaScript 2023年5月27日
    00
  • Javascript Worker子线程代码实例

    Javascript Worker子线程代码实例完整攻略 在前端开发中,为了避免一些复杂的计算或者耗时操作影响到UI的性能,我们可以使用Web Worker来创建一个新的线程来执行这些计算。 Worker的特点 Web Worker是一种实现了多线程的JavaScript。它可以使得浏览器在后台运行独立的脚本线程,将一些需要较长时间才能运行完成的任务交给这些…

    JavaScript 2023年5月28日
    00
  • javascript匀速运动实现方法分析

    JavaScript匀速运动实现方法分析 什么是匀速运动? 匀速运动是指物体在单位时间内移动的距离相等,即物体每秒钟运动的速度始终相同。 如何用 JavaScript 实现匀速运动? 在 JavaScript 中实现匀速运动需要使用定时器 setInterval 和动画函数 requestAnimationFrame。具体步骤如下: 获取需要运动的元素和目标…

    JavaScript 2023年6月11日
    00
  • asp.net不同页面间数据传递的多种方法

    ASP.NET是一种强大的Web应用程序框架,提供了多种方法来传递不同页面间的数据。下面从多种角度介绍ASP.NET不同页面间数据传递的多种方法: QueryString QueryString是将数据以键值对的形式追加在URL后面,通常用于将简单的数据传递给ASP.NET页面。可采用以下代码将数据传递给页面: <a href="Defaul…

    JavaScript 2023年6月11日
    00
  • js实现盒子滚动动画效果

    下面是关于”js实现盒子滚动动画效果”的完整攻略: 1.编写HTML结构 首先,在HTML文件中编写盒子结构,例如: <div class="container"> <div class="box" style="background-color: red;">Box 1&l…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部