azhong的WEB日历（公历、农历）

最新推荐文章于 2021-06-07 13:24:14 发布

wcbm

最新推荐文章于 2021-06-07 13:24:14 发布

阅读量2.5k

点赞数

分类专栏： asp 文章标签：日历 web function javascript button date

本文链接：https://blog.csdn.net/wcbm/article/details/600352

版权

asp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

showCalendar(snongli,sInput,soutput,sStartD,sEndD,sStartDate)

//1.snongli是否是农历,
//2.sInput日历弹出位置的控件的名称,
//3.soutput取得日期的控件名称,

//4.sStartD开始有效时间,
//5.sEndD截至有效时间,
//6.sStartDate,为农历里存放相应公历的控件名

本日历显示的日期范围为(如果超过界限会自动转到当前年份)：

公历不限，农历1900.1-2100.12（公历时间）

调用示例：

公历：<input name="cc" type="text" id="cc" value="" onClick="javascript:showCalendar(false,'cc','cc','1004-08-2','2500-01-29',null)">
农历：<input name="dd" type="text" id="dd" value="" onClick="javascript:showCalendar(true,'dd','dd','1978-08-1','2100-01-29','ee')"><input name="ee" type="hidden" value="2100-12-07" />

//JS源文件====================================================

//==================================================== WEB 页面显示部分开始=====================================================
//----------------------------------------------------------------------
//转发时请保留此声明信息,这段声明不并会影响你的速度!
//******************* AZhong的WEB日历（公历、农历） V1.0 *********************************
//作者:AZhong(阿钟)
//网站:http://azhong.szbangong.com
//电子邮件:wcbm@163.com
//QQ：184258447
//版权声明:版权所有,源代码公开,各种用途均可免费使用,但是修改后必须把修改后的文件
//发送一份给作者.
//***********************************************************************
var strFrame,yy,mm,today,CFrame; //CFrame存放日历层的HTML代码
today = new Date();
yy=today.getFullYear();
mm=today.getMonth();
today.setHours(0);today.setMinutes(0);today.setSeconds(0);today.setMilliseconds(0);
document.writeln('<div id="azhongDateLayer" name="azhongDateLayer" Author="azhong" style="position:absolute;width:146px; height:198px;display:none;z-index: 1;"> 222</div>');

strFrame = '<style>';
strFrame += 'body{text-decoration:none;}';
strFrame += 'body{padding: 0pt 0pt 0pt;}';
strFrame += 'body{margin: 0pt 0pt 0pt;}';
strFrame += 'a {text-decoration: none;font-weight: bold;color:#000000;}';
strFrame += 'a:link {text-decoration: none;font-weight: bold;color:#000000;}';
strFrame += 'a:hover {text-decoration: none;font-weight: bold;color:#000000;}';
strFrame += 'a:active {text-decoration: none;font-weight: bold;color:#000000;}';
strFrame += 'input.button{BORDER-RIGHT: #cdcdcd 1px solid;BORDER-TOP: #cdcdcd 1px solid;BORDER-LEFT: #cdcdcd 1px solid;';
strFrame += 'BORDER-BOTTOM: #cdcdcd 1px solid;BACKGROUND-COLOR: #EFEFEF;font-family:宋体;}';
strFrame += 'td{FONT-SIZE: 9px;font-family:宋体; TEXT-ALIGN: center;text-decoration:none;}';
strFrame += '.title {FONT-SIZE: 12px;text-decoration:none;}';
strFrame += '</style>';

/*strFrame = '';*/
strFrame += '<table id=tbl0 width=100% height=100% border=1 align=center cellpadding=0 cellspacing=0 bordercolor=#cdcdcd bgcolor=#cdcdcd Author="azhong">';
strFrame += '<tr Author="azhong">';
strFrame += '<td width=100% height=18 bgcolor=#FFFFFF><table border=0 cellspacing=1 cellpadding=0 width=100% height=18 Author="azhong">';
strFrame += '<tr align=center Author="azhong">';
strFrame += '<td width=12% align=center bgcolor=#cdcdcd style="font-size:12px;cursor: hand;color: #EFEFEF" οnclick="javascript:redraw(0,-1);" title="向前翻 1 月" Author="azhong"><b Author="azhong"><</b> </td>';
strFrame += '<td width="43%" align=center style="font-size:12px;cursor:default" οnmοuseοver="style.backgroundColor=/'#cdcdcd/'" οnmοuseοut="style.backgroundColor=/'#EFEFEF/'" οnfοcus="javascript:WriteSelect(t_yy,t_yy.innerText.split(/'年/')[0],/'y/');" title="点击这里选择年份" id="t_yy" Author="azhong"></td>';
strFrame += '<td Author="azhong"><span id=yy_nongli style="font-size:12px;cursor:default" Author="azhong"></span></td>';
strFrame += '<td width="33%" align=center style="font-size:12px;cursor:default" οnmοuseοver="style.backgroundColor=/'#cdcdcd/'" οnmοuseοut="style.backgroundColor=/'#EFEFEF/'" οnfοcus="javascript:WriteSelect(t_mm,t_mm.innerText.split(/'月/')[0],/'m/');" title="点击这里选择月份" id="t_mm" Author="azhong"></td>';
strFrame += '<td width="12%" bgcolor=#cdcdcd align=center style="font-size:12px;cursor: hand;color: #EFEFEF" οnclick="javascript:redraw(0,1);" title="向后翻 1 月" Author="azhong"><b Author="azhong">></b></td>';
strFrame += '</tr>';
strFrame += '</table></td>';
strFrame += '</tr>';
strFrame += '<tr Author="azhong">';
strFrame += '<td width="100%" height=18><table border=1 cellspacing=0 cellpadding=0 bgcolor=#cdcdcd BORDERCOLORLIGHT=#cdcdcd BORDERCOLORDARK=#FFFFFF width="100%" height=20 style="cursor:default" Author="azhong">';
strFrame += '<tr align=center valign=bottom Author="azhong">';
strFrame += '<td style="font-size:12px;color:red" Author="azhong">日</td>';
strFrame += '<td style="font-size:12px;color:#FFFFFF" Author="azhong">一</td>';
strFrame += '<td style="font-size:12px;color:#FFFFFF" Author="azhong">二</td>';
strFrame += '<td style="font-size:12px;color:#FFFFFF" Author="azhong">三</td>';
strFrame += '<td style="font-size:12px;color:#FFFFFF" Author="azhong">四</td>';
strFrame += '<td style="font-size:12px;color:#FFFFFF" Author="azhong">五</td>';
strFrame += '<td style="font-size:12px;color:#00CC00" Author="azhong">六</td>';
strFrame += '</tr>';
strFrame += '</table></td>';
strFrame += '</tr>';
strFrame += '<tr Author="azhong">';
strFrame += '<td width="100%" height=120><TABLE border=1 cellspacing=2 cellpadding=0 bordercolorlight=#cdcdcd bordercolordark=#FFFFFF bgcolor=#EFEFEF width="100%" height=120 id="rilibody" Author="azhong">';
for(i=0;i<6;i++){
strFrame +='<tr Author="azhong">';
for(j=1;j<=7;j++)strFrame +="<td id=d"+(i*7+j)+" style='font-size:12px;' align=center οnclick=tdClick(this) Author=azhong></td>";
strFrame +="</tr>";
}
strFrame += '</TABLE></td>';
strFrame += '</tr>';
strFrame += '<tr Author="azhong">';
strFrame += '<td Author="azhong"><table border=0 cellspacing=1 cellpadding=0 width="100%" Author="azhong" bgcolor=#FFFFFF>';
strFrame += '<tr Author="azhong">';
strFrame += '<td align=left Author="azhong"><input type=button class=button value="<<" title="向前翻 1 年" οnclick="redraw(-1,0);" οnfοcus="this.blur()" style="font-size: 12px; height: 18px" Author="azhong">';
strFrame += '<input class=button title="向前翻 1 月" type=button value="< " οnclick="redraw(0,-1);" οnfοcus="this.blur()" style="font-size: 12px; height: 18px" Author="azhong"></td>';
strFrame += '<td align=center Author="azhong"><input type=button class=button value="今天" οnclick="getnow();" οnfοcus="this.blur()" title="当前日期" style="font-size: 12px; height: 18px; cursor:hand" id="changnow" Author="azhong"></td>';
strFrame += '<td align=right><input type=button class=button value=" >" οnclick="redraw(0,1);" οnfοcus="this.blur()" title="向后翻 1 月" style="font-size: 12px; height: 18px" Author="azhong">';
strFrame += '<input type=button class=button value=">>" title="向后翻 1 年" οnclick="redraw(1,0);" οnfοcus="this.blur()" style="font-size: 12px; height: 18px" Author="azhong"></td>';
strFrame += '</tr>';
strFrame += '</table></td>';
strFrame += '</tr>';
strFrame += '</table>';
document.getElementById("azhongDateLayer").innerHTML=strFrame;
CFrame = document.getElementById("azhongDateLayer");
var nongli,inputname,outputname,startname,curday,Tstart,Tend
//==================================================== WEB 页面显示部分结束=====================================================
function showCalendar(snongli,sInput,soutput,sStartD,sEndD,sStartDate)
{
//1.snongli是否是农历,
//2.sInput日历弹出位置的控件的名称,
//3.soutput取得日期的控件名称,

//4.sStartD开始有效时间,
//5.sEndD截至有效时间,
//6.sStartDate,为农历里存放相应公历的控件名
nongli = snongli;
inputname = document.getElementById(sInput);
outputname = document.getElementById(soutput);
startname = document.getElementById(sStartDate);
Tstart = new Date(sStartD.split('-')[0],sStartD.split('-')[1]-1,sStartD.split('-')[2],0,0,0,0);
a = new Date(2005,7,5);
Tend = new Date(sEndD.split('-')[0],sEndD.split('-')[1]-1,sEndD.split('-')[2],0,0,0,0);
if(CFrame.style.display=="block"){CFrame.style.display="none";return;}

    strYear = szText1.substr((iLunarYear - 4) % 10, 1);
    strYear = strYear + szText2.substr((iLunarYear - 4) % 12, 1);
    return strYear + "年";
}
// 将农历iLunarMonth月格式化成农历表示的字符串
function FormatLunarMonth(iLunarMonth)
{
    var szText = new String("正二三四五六七八九十");
    var strMonth;

    if (iLunarMonth <= 10)
    {
        strMonth = szText.substr(iLunarMonth - 1, 1);
    }
    else if (iLunarMonth == 11) strMonth = "十一";
    else strMonth = "十二";

    return strMonth + "月";
}
// 将农历iLunarDay日格式化成农历表示的字符串
function FormatLunarDay(iLunarDay)
{
    var szText1 = new String("初十廿三");
    var szText2 = new String("一二三四五六七八九十");
    var strDay;
    if ((iLunarDay != 20) && (iLunarDay != 30))
    {
        strDay = szText1.substr((iLunarDay - 1) / 10, 1) + szText2.substr((iLunarDay - 1) % 10, 1);
    }
    else if (iLunarDay != 20)
    {
        strDay = szText1.substr(iLunarDay / 10, 1) + "十";
    }
    else
    {
        strDay = "二十";
    }
    return strDay;
}
function cnongli(stry,strm,strd){
var sDObj, lDObj,strl
sDObj = new Date(stry,strm-1,strd,0,0,0,0);
lDObj = new Lunar(sDObj);
if (lDObj.day!=1)
strl = "<br>"+FormatLunarDay(lDObj.day);
else
   strl = "<br>"+FormatLunarMonth(lDObj.month);
if (!nongli){strl = "";}
return strl;
}
function setnongli(strdate){
var sDObj, lDObj,strl,stry,strm,strd,d,a
a = strdate.split("-");
sDObj = new Date(a[0],a[1]-1,a[2],0,0,0,0);
lDObj = new Lunar(sDObj);
if (nongli){
strl = FormatLunarYear(lDObj.year);
strl = strl+FormatLunarMonth(lDObj.month);
strl = strl+FormatLunarDay(lDObj.day);}
else
strl = strdate;
return strl;
}

function document.onkeyup()  //按Esc键关闭，切换焦点关闭
{
    if (window.event.keyCode==27){
  hideCalendar();
}
else if(document.activeElement)
  if(document.activeElement.getAttribute("Author")==null && document.activeElement != outputname)
  {
   hideCalendar();
  }
}

function document.onclick() //任意点击时关闭该控件 //ie6的情况可以由下面的切换焦点处理代替
{
with(window.event)
{ if (srcElement.getAttribute("Author")==null && srcElement != CFrame && srcElement != outputname)
hideCalendar();
}
}