<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var CalendarData=new Array(20);
var madd=new Array(12);
var TheDate=new Date();
var tgString="甲乙丙丁戊己庚辛壬癸";
var dzString="子丑寅卯辰巳午未申酉戌亥";
var numString="一二三四五六七八九十";
var monString="正二三四五六七八九十冬腊";
var weekString="日一二三四五六";
var sx="鼠牛虎兔龙蛇马羊猴鸡狗猪";
var cYear;
var cMonth;
var cDay;
var cHour;
var cDateString;
var DateString;
var Browser=navigator.appName;
function init()
{
CalendarData[0]=0x41A95;
CalendarData[1]=0xD4A;
CalendarData[2]=0xDA5;
CalendarData[3]=0x20B55;
CalendarData[4]=0x56A;
CalendarData[5]=0x7155B;
CalendarData[6]=0x25D;
CalendarData[7]=0x92D;
CalendarData[8]=0x5192B;
CalendarData[9]=0xA95;
CalendarData[10]=0xB4A;
CalendarData[11]=0x416AA;
CalendarData[12]=0xAD5;
CalendarData[13]=0x90AB5;
CalendarData[14]=0x4BA;
CalendarData[15]=0xA5B;
CalendarData[16]=0x60A57;
CalendarData[17]=0x52B;
CalendarData[18]=0xA93;
CalendarData[19]=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()
{
var total,m,n,k;
var isEnd=false;
var tmp=TheDate.getYear();
if (tmp<1900) tmp+=1900;
total=(tmp-2001)*365
+Math.floor((tmp-2001)/4)
+madd[TheDate.getMonth()]
+TheDate.getDate()
-23;
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=2001 + 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--;
}
cHour=Math.floor((TheDate.getHours()+3)/2);
}
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);
//if(cHour==13)tmp+="夜";
//tmp+=dzString.charAt((cHour-1)%12);
//tmp+="时";
cDateString=tmp;
return tmp;
}
init();
e2c();
GetcDateString();
function CAL(){
var year = TheDate.getYear()
year = (year < 2000) ? year + 1900 : year;//兼容fireFox浏览器
document.write(year,"年",TheDate.getMonth()+1,"月",TheDate.getDate(),"日");
//document.write(TheDate.getMonth()+1,"月",TheDate.getDate(),"日");
document.write(" <span>星期"+weekString.charAt(TheDate.getDay()),"</span>");
document.write(cDateString);
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">CAL()</SCRIPT>
<body>
</body>
</html>
分享到：
相关推荐
在网页上展示农历日历是许多中国用户需求的功能，JavaScript（简称js）作为一种广泛用于前端开发的脚本语言，能够方便地实现这一功能。本文将详细介绍如何使用JavaScript来实现在网页上展示农历日历，以及如何参考...
综上所述，创建一个JavaScript日历组件涉及HTML布局、CSS样式、JavaScript逻辑以及可能的第三方库集成。这个项目提供了一个学习和实践这些技能的机会，同时也提醒我们在开发过程中考虑扩展性和用户需求，比如添加...
js日历插件，支持公历、农历的日期选择，在日历中显示公历和农历。
在给定的标题和描述中，我们聚焦于一个特定的JS应用——日历控件，这是一个方便用户查看日期、农历、节气和节日的小程序。 首先，"JS日历"是指使用JavaScript实现的日历组件，它通常以动态的方式显示公历日期，允许...
本资源"带阴历和节日的JS日历.rar"提供了一个实现JavaScript日历功能的解决方案，它不仅显示公历日期，还包含阴历以及重要的节日信息，这对于开发具有中国特色的日历应用或网站是非常有用的。 首先，我们要理解这个...
JavaScript日历组件通常是一个自定义控件，它允许用户在网页上查看、选择和操作日期。开发者可以利用JavaScript的Date对象来处理日期和时间，结合DOM操作来创建一个可交互的日历界面。这个"带阴历和节日的JS日历"很...
在本项目中，“JS日历带阴历和节日”是一个实用的JavaScript组件，它允许用户在网页上展示一个具有阳历日期、阴历日期以及节日显示功能的日历。这个组件对于那些需要在网站或应用中集成日期选择功能，同时考虑中国...
总结起来，这个JavaScript日历应用涵盖了以下知识点： 1. JavaScript Date对象的使用 2. 农历转换库的集成与使用 3. 节气计算与节日数据管理 4. 事件监听与处理 5. DOM操作与模板引擎 6. 本地化与多语言支持 7. ...
FullCalendar是一款流行且功能丰富的JavaScript日历插件，能够处理复杂的事件安排，支持拖放操作，以及通过JSON数据源动态加载事件等特性。 从压缩包的文件名列表来看，我们可以推测这个控件的实现细节： 1. `drag...
这个插件可以帮助开发者在网页上创建一个交互式的日历组件，用户可以查看公历和农历日期，这在中国以及其他重视农历文化的国家和地区尤其有用。 首先，我们需要理解jQuery日历插件的基本结构。通常，这类插件会包含...
JavaScript日历的核心在于算法，它需要能够计算出任何给定日期的年、月、日，以及对应的星期。这涉及到对日期对象的处理，例如JavaScript的`Date`对象。首先，创建一个新的Date对象，如`var date = new Date();`，...
本资源“百度JS日历农历代码.zip”包含了一个实现特定功能的JS代码，即在网页上创建一个交互式日历，能够展示公历和农历日期信息。当鼠标悬停在日期上时，会弹出详细的农历详情，为用户提供了便捷的日历查询服务。 ...
"带提示层和农历的日历控件js" 是一个专为JavaScript环境设计的组件，它不仅提供基本的日历功能，还具备农历显示以及提示层功能，使得用户在处理日期时更为方便。 首先，我们要理解"日历js"是什么。日历JS是一种...
在本项目中，我们主要探讨的是一个纯JavaScript实现的日历功能，它包含了农历转换、节日显示以及面向对象的设计思想。这个日历组件可以方便地在网页中多次调用，为用户提供了一个直观的时间管理工具。 首先，让我们...
SimpleCalendar.js是一款轻量级的日历插件，它特别之处在于不仅提供了标准的阳历功能，还集成了解析和显示农历节日的能力。这款插件旨在为网页应用提供一个简洁、自适应的日期选择解决方案，同时增加了对中国传统...
自制JS日历是一种基于JavaScript编程语言实现的日历控件，主要功能是显示日期，并且具有对农历和阳历节日的支持。这种日历组件通常用于网页应用程序中，为用户提供直观的日期选择界面，增强用户交互体验。在1970年至...
原生JavaScript实现的农历日历是一种实用的前端技术，它允许开发者在网页上展示符合中国传统农历日期的日历组件。在不依赖外部库或框架的情况下，使用JavaScript直接编写这样的功能，可以提升网页的加载速度和性能。...
js目录则包含了JavaScript源代码，包括jQuery、swiper.js以及自定义的日历插件逻辑。 总的来说，这款jQuery手机端HTML5日历插件充分利用了现有的前端技术，为移动应用开发提供了一个功能齐全、用户体验良好的日期...
【标题】"带节假日、农历的JSP/JS日历" 涉及到的知识点主要集中在前端开发和服务器端编程领域，特别是日历插件的实现与个性化功能的添加。下面将对这些知识点进行详细阐述。 首先，JSP（JavaServer Pages）是一种...