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日

相关文章

  • JavaScript常用工具函数大全

    JavaScript常用工具函数大全 本文将收集整理一些常用的 JavaScript 工具函数,旨在帮助开发者在日常工作中更加高效地编写代码。 1. 数组相关函数 1.1 isArray() 判断一个值是否是数组。 function isArray(value) { return Array.isArray(value); } 示例: isArray([])…

    JavaScript 2023年5月27日
    00
  • 正则表达式(RegExp)判断文本框中是否包含特殊符号

    使用正则表达式(RegExp)可以方便地判断文本框中是否包含特殊字符。以下是具体的步骤: 第一步:创建正则表达式 创建一个合适的正则表达式来匹配所需要的特殊字符,以及对应的需要匹配的字符数量,这里以匹配手机号码为例: var reg = /^[1][3,4,5,7,8][0-9]{9}$/; 上述正则表达式的含义是:以数字“1”开头,第二位是3、4、5、7或…

    JavaScript 2023年6月10日
    00
  • JavaScript通过使用onerror设置默认图像显示代替alt

    什么是onerror? onerror 是一个事件处理器,它可以触发当一个图像载入失败时。 如何使用onerror显示默认图像? 使用 onerror 处理器,我们可以设置默认图像来代替那些引起 onerror 事件的图像。示例代码如下: <img src="image.png" alt="Some text" …

    JavaScript 2023年5月28日
    00
  • JavaScript代码编写中各种各样的坑和填坑方法

    JavaScript是一门广泛使用的语言,但在编写代码时会遇到各种各样的坑。以下是JavaScript代码编写中的一些常见坑和对应的填坑方法: 坑1:变量作用域问题 JavaScript中的变量作用域是函数级别的,而不是基于代码块的。如果在函数外部声明变量,则变量将成为全局变量,可能会导致变量的混淆和意外赋值。填坑方法是在函数内部使用var、let或cons…

    JavaScript 2023年5月28日
    00
  • javascript实现详细时间提醒信息效果的方法

    Javascript实现详细时间提醒信息效果的方法的攻略如下: 步骤一:准备工作 首先需要在html文件中导入jQuery库,并设置好需要添加时间提醒信息的容器。 <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js&quo…

    JavaScript 2023年5月27日
    00
  • Javascript 闭包详解及实例代码

    JavaScript 闭包详解及实例代码 什么是闭包? 在 JavaScript 中,闭包是一种特殊的函数,它可以访问在它创建时外部作用域的变量和参数,即使这些变量和参数在函数调用时已经不存在了。 简单来说,闭包就是“函数和函数所能够访问的外部变量的一个共同体”。 闭包的运作原理 在 JavaScript 中,每次创建一个函数,都会同时创建一个作用域链(sc…

    JavaScript 2023年6月10日
    00
  • javascript 自定义常用方法

    那么我们来详细讲解一下“JavaScript自定义常用方法”的攻略。 准备工作 在展开说明之前,需要掌握一些基本的 JavaScript 知识,包括: JavaScript 函数的基本用法 JavaScript 作用域和闭包 JavaScript 对象的基本用法 自定义方法的定义 在 JavaScript 中,我们可以通过定义函数的方式来实现自定义方法。如下…

    JavaScript 2023年5月18日
    00
  • 分享ES6 20个经常使用技巧

    分享ES6 20个经常使用技巧 本篇文章将分享ES6中经常使用的20个技巧。这些技巧可以让你更加方便地编写JavaScript代码。本文将以示例的形式演示这些技巧。 技巧1:使用箭头函数 ES6中引入了箭头函数,可以让函数表达式更加简单,主要特点有以下几点: 使用“=>”符号来代替“function”关键字 如果函数只有一行代码,可以省略“{}”大括号…

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