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

发布时间 - 2026-01-11 00:41:03    点击率:

本文实例讲述了JS简单获取当前日期和农历日期的方法。分享给大家供大家参考,具体如下:

navCal.js文件如下:

today=new Date();
function initArray(){
  this.length=initArray.arguments.length
  for(var i=0;i<this.length;i++)
  this[i+1]=initArray.arguments[i] }
  var d=new initArray(
   "星期日",
   "星期一",
   "星期二",
   "星期三",
   "星期四",
   "星期五",
   "星期六");
document.write(today.getFullYear(),"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1]," ");
calendar = new Date();
month = calendar.getMonth();
date = calendar.getDate();
if ((month == 0) && (date == 1)) document.write("元旦");
if ((month == 2) && (date == 12)) document.write("植树节");
if ((month == 3) && (date == 5)) document.write("清明节");
if ((month == 4) && (date == 1)) document.write("国际劳动节");
if ((month == 4) && (date == 4)) document.write("青年节");
if ((month == 5) && (date == 1)) document.write("国际儿童节");
if ((month == 7) && (date == 1)) document.write("建军节");
if ((month == 7) && (date == 16)) document.write("七夕情人节");
if ((month == 9) && (date == 1)) document.write("国庆节/国际音乐节/国际老人节");
if ((month == 11) && (date == 24)) document.write("平安夜");
if ((month == 11) && (date == 25)) document.write("圣诞节");
/*农历部分*/
var CalendarData=new Array(100);
var madd=new Array(12);
var tgString="甲乙丙丁戊己庚辛壬癸";
var dzString="子丑寅卯辰巳午未申酉戌亥";
var weekString="日一二三四五六";
var sx="鼠牛虎兔龙蛇马羊猴鸡狗猪";
var cYear,cMonth,cDay,TheDate;
CalendarData = new Array(0xA4B,0x5164B,0x6A5,0x6D4,0x415B5,0x2B6,0x957,0x2092F,0x497,0x60C96,0xD4A,0xEA5,0x50DA9,0x5AD,0x2B6,0x3126E, 0x92E,0x7192D,0xC95,0xD4A,0x61B4A,0xB55,0x56A,0x4155B, 0x25D,0x92D,0x2192B,0xA95,0x71695,0x6CA,0xB55,0x50AB5,0x4DA,0xA5B,0x30A57,0x52B,0x8152A,0xE95,0x6AA,0x615AA,0xAB5,0x4B6,0x414AE,0xA57,0x526,0x31D26,0xD95,0x70B55,0x56A,0x96D,0x5095D,0x4AD,0xA4D,0x41A4D,0xD25,0x81AA5,0xB54,0xB6A,0x612DA,0x95B,0x49B,0x41497,0xA4B,0xA164B, 0x6A5,0x6D4,0x615B4,0xAB6,0x957,0x5092F,0x497,0x64B, 0x30D4A,0xEA5,0x80D65,0x5AC,0xAB6,0x5126D,0x92E,0xC96,0x41A95,0xD4A,0xDA5,0x20B55,0x56A,0x7155B,0x25D,0x92D,0x5192B,0xA95,0xB4A,0x416AA,0xAD5,0x90AB5,0x4BA,0xA5B, 0x60A57,0x52B,0xA93,0x40E95);
madd[0]=0;
madd[1]=31;
madd[2]=59;
madd[3]=90;
madd[4]=120;
madd[5]=151;
madd[6]=181;
madd[7]=212;
madd[8]=243;
madd[9]=273;
madd[10]=304;
madd[11]=334;
function GetBit(m,n){
return (m>>n)&1;
}
function e2c(){
TheDate= (arguments.length!=3) ? new Date() : new Date(arguments[0],arguments[1],arguments[2]);
var total,m,n,k;
var isEnd=false;
var tmp=TheDate.getYear();
if(tmp<1900){
  tmp+=1900;
}
total=(tmp-1921)*365+Math.floor((tmp-1921)/4)+madd[TheDate.getMonth()]+TheDate.getDate()-38;
if(TheDate.getYear()%4==0&&TheDate.getMonth()>1) {
  total++;
}
for(m=0;;m++){
  k=(CalendarData[m]<0xfff)?11:12;
  for(n=k;n>=0;n--){
  if(total<=29+GetBit(CalendarData[m],n)){
   isEnd=true; break;
  }
  total=total-29-GetBit(CalendarData[m],n);
  }
  if(isEnd) break;
}
cYear=1921 + m;
cMonth=k-n+1;
cDay=total;
if(k==12){
  if(cMonth==Math.floor(CalendarData[m]/0x10000)+1){
  cMonth=1-cMonth;
  }
  if(cMonth>Math.floor(CalendarData[m]/0x10000)+1){
  cMonth--;
  }
}
}
function GetcDateString(){
var tmp="";
tmp+=tgString.charAt((cYear-4)%10);
tmp+=dzString.charAt((cYear-4)%12);
tmp+="(";
tmp+=sx.charAt((cYear-4)%12);
tmp+=")年 ";
if(cMonth<1){
  tmp+="(闰)";
  tmp+=monString.charAt(-cMonth-1);
}else{
  tmp+=monString.charAt(cMonth-1);
}
tmp+="月";
tmp+=(cDay<11)?"初":((cDay<20)?"十":((cDay<30)?"廿":"三十"));
if (cDay%10!=0||cDay==10){
  tmp+=numString.charAt((cDay-1)%10);
}
return tmp;
}
function GetLunarDay(solarYear,solarMonth,solarDay){
//solarYear = solarYear<1900?(1900+solarYear):solarYear;
if(solarYear<1921 || solarYear>2025){
return "";
}else{
  solarMonth = (parseInt(solarMonth)>0) ? (solarMonth-1) : 11;
  e2c(solarYear,solarMonth,solarDay);
  return GetcDateString();
}
}
var D=new Date();
var yy=D.getFullYear();
var mm=D.getMonth()+1;
var dd=D.getDate();
var ww=D.getDay();
var ss=parseInt(D.getTime() / 1000);
if (yy<100) yy="19"+yy;
function showCal(){
document.write(GetLunarDay(yy,mm,dd));
}
showCal();

调用方法:

<script type="text/JavaScript" src="navCal.js"></script>

运行效果图如下:

PS:这里再为大家推荐几款日历相关在线工具供大家参考:

网页万年历日历:
http://tools./bianmin/webwannianli

在线阴历/阳历转换工具:
http://tools./bianmin/yinli2yangli

在线万年历日历:
http://tools./bianmin/wannianli

在线万年历黄历flash版:
http://tools./bianmin/flashwnl

另外,本站历史上的今天也有相似的农历日期显示功能:

http://tools./bianmin/lishi

希望本文所述对大家JavaScript程序设计有所帮助。


# JS  # 当前日期  # 农历日期  # 平安夜  # 子丑寅卯  # 国际儿童节  # 国际劳动节  # 也有  # 建军节  # 青年节  # 植树节  # 音乐节  # 给大家  # 国庆节  # 清明节  # 所述  # 五六  # 几款  # 程序设计  # 转换工具  # 再为  # 甲乙  # 星期日 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何解决hover在ie6中的兼容性问题  进行网站优化必须要坚持的四大原则  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  用v-html解决Vue.js渲染中html标签不被解析的问题  如何快速生成ASP一键建站模板并优化安全性?  Laravel如何操作JSON类型的数据库字段?(Eloquent示例)  标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  如何快速选择适合个人网站的云服务器配置?  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  使用spring连接及操作mongodb3.0实例  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  如何在橙子建站上传落地页?操作指南详解  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  三星网站视频制作教程下载,三星w23网页如何全屏?  如何快速使用云服务器搭建个人网站?  如何快速打造个性化非模板自助建站?  Linux系统命令中screen命令详解  Laravel如何使用withoutEvents方法临时禁用模型事件  详解Oracle修改字段类型方法总结  香港服务器网站生成指南:免费资源整合与高速稳定配置方案  Android使用GridView实现日历的简单功能  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  如何快速搭建高效服务器建站系统?  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  大连网站制作公司哪家好一点,大连买房网站哪个好?  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  如何确保西部建站助手FTP传输的安全性?  Laravel如何为API编写文档_Laravel API文档生成与维护方法  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  如何用ChatGPT准备面试 模拟面试问答与职场话术练习教程  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  iOS中将个别页面强制横屏其他页面竖屏  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  网站图片在线制作软件,怎么在图片上做链接?  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  电商网站制作价格怎么算,网上拍卖流程以及规则?  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  Laravel集合Collection怎么用_Laravel集合常用函数详解  创业网站制作流程,创业网站可靠吗?