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日

相关文章

  • canvas绘制的直线动画

    当我们使用Canvas绘制直线动画时,一般情况下我们需要实现以下流程: 获取Canvas对象 设置Canvas对象样式和属性 绘制起始直线 清空Canvas 绘制动画过程的直线 下面是一个示例代码,它演示了如何绘制从左往右延伸的直线动画: 示例一: <canvas id="myCanvas"></canvas> /…

    JavaScript 2023年6月11日
    00
  • JavaScript面试Module Federation实现原理详解

    JavaScript面试Module Federation实现原理详解 前言 Module Federation是Webpack5中的一个新功能,它可以让多个独立的Webpack构建之间共享模块。在微服务和跨团队开发中,它非常有用。本文将详细介绍Module Federation的实现原理和使用方法。 Module Federation实现原理 Module…

    JavaScript 2023年6月10日
    00
  • 微信小程序 参数传递详解

    微信小程序参数传递详解 在微信小程序中,参数传递是非常常见的操作。例如,在不同页面之间传递数据,或者从API获取数据后通过参数传递渲染到当前页面中。本文将详细讲解微信小程序中常用的参数传递方式,以及它们的使用方法和适用场景。 Query参数 Query参数是指通过URL传递的参数。在微信小程序中,可以使用wx.navigateTo方法跳转到其他页面,并且可以…

    JavaScript 2023年6月11日
    00
  • JavaScript深拷贝与浅拷贝实现详解

    JavaScript深拷贝与浅拷贝实现详解 什么是拷贝? 在JavaScript中,我们经常需要将对象或者数组进行复制操作,这被称为拷贝。在拷贝过程中,我们需要注意两个概念:浅拷贝和深拷贝。 什么是浅拷贝? 浅拷贝仅仅是复制了对象或数组的引用,而并没有克隆对象或数组。也就是说,对于被拷贝的对象或数组,它们的属性仍然指向原对象或数组中的属性。浅拷贝通常使用的方…

    JavaScript 2023年6月10日
    00
  • js金额千分位的6种实现方法实例

    现在我们就来详细讲解“js金额千分位的6种实现方法实例”的完整攻略。 什么是金额千分位? 在很多场景下,我们需要显示金融金额,而金融金额的显示习惯是每三个数加一个逗号(英文符号为“,”),以便于人类去识别和理解这个数值,这就是所谓金额千分位。 比如,10000.00元要进行金额千分位转换后为:10,000.00元。 6种实现金额千分位的方法 下面我们就来介绍…

    JavaScript 2023年5月28日
    00
  • javascript中的return和闭包函数浅析

    关于“javascript中的return和闭包函数浅析”的完整攻略,可以分为以下几个部分。 1. return语句的基本概念和用法 在JavaScript中,return语句用于从函数中返回一个值,并且结束函数的执行。return语句可以出现在函数的任何位置,一旦执行到return语句,函数就会立刻结束并返回指定的值。return语句的语法如下: retu…

    JavaScript 2023年6月10日
    00
  • javascript ajax的5种状态介绍

    下面来详细讲解“JavaScript Ajax的5种状态介绍”的完整攻略。 什么是Ajax Ajax,全称Asynchronous JavaScript and XML,是指一种创建交互式,动态的Web应用程序的Web开发技术。它使得Web页面和服务器之间异步通信变得更加轻松和高效。 在Web中,Ajax最常用的场景是使用JavaScript进行异步请求并更…

    JavaScript 2023年6月11日
    00
  • 疯掉了,尽然有js写的操作系统

    关于“疯掉了,竟然有JS写的操作系统”,我可以提供以下攻略。 什么是“JS操作系统” “JS操作系统”实际上是基于浏览器的操作系统,使用前端技术进行开发,其核心思想是JavaScript虚拟机和Web浏览器的结合。在这种操作系统中,所有IED编写的HTML、CSS和JavaScript均可作为应用程序运行。 如何搭建“JS操作系统” 1. 安装Node.js…

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