打印本文 打印本文 关闭窗口 关闭窗口
[原创]ASP.net下的前台日历控件源代码(不刷新页面)
作者:武汉SEO闵涛  文章来源:敏韬网  点击数2500  更新时间:2009/4/23 10:43:14  文章录入:mintao  责任编辑:mintao

#region 声明
//----------------------------------------------------------------------
//
// 作者: 李淼(Nick.Lee)
//
// ASP.net下的前台日历控件源代码(不刷新页面)

// 时间:2005-3-15

// boyorgril@msn.com
// QQ:16503096
//注意:引用请标明出处,谢谢
//----------------------------------------------------------------------
#endregion

js脚本
//==================================================== 参数设定部分 =======================================================
var bMoveable=true;  //设置日历是否可以拖动
var _VersionInfo=""         //版本信息

//==================================================== WEB 页面显示部分 =====================================================
var strFrame;  //存放日历层的HTML代码
document.writeln(''''<iframe id=nickDateLayer scrolling=0 frameborder=0 style="position: absolute; width: 144; height: 211; z-index: 9998; display: none"></iframe>'''');
strFrame=''''<style>'''';
strFrame+=''''INPUT.button{BORDER-RIGHT: #9496E1 1px solid;BORDER-TOP: #9496E1 1px solid;BORDER-LEFT: #9496E1 1px solid;'''';
strFrame+=''''BORDER-BOTTOM: #9496E1 1px solid;BACKGROUND-COLOR: #fff8ec;font-family:宋体;}'''';
strFrame+=''''TD{FONT-SIZE: 9pt;font-family:宋体;}'''';
strFrame+=''''</style>'''';
strFrame+=''''<scr'''' + ''''ipt>'''';
strFrame+=''''var datelayerx,datelayery; /*存放日历控件的鼠标位置*/'''';
strFrame+=''''var bDrag; /*标记是否开始拖动*/'''';
strFrame+=''''function document.onmousemove() /*在鼠标移动事件中,如果开始拖动日历,则移动日历*/'''';
strFrame+=''''{if(bDrag && window.event.button==1)'''';
strFrame+='''' {var DateLayer=parent.document.all.nickDateLayer.style;'''';
strFrame+=''''  DateLayer.posLeft += window.event.clientX-datelayerx;/*由于每次移动以后鼠标位置都恢复为初始的位置,因此写法与div中不同*/'''';
strFrame+=''''  DateLayer.posTop += window.event.clientY-datelayery;}}'''';
strFrame+=''''function DragStart()  /*开始日历拖动*/'''';
strFrame+=''''{var DateLayer=parent.document.all.nickDateLayer.style;'''';
strFrame+='''' datelayerx=window.event.clientX;'''';
strFrame+='''' datelayery=window.event.clientY;'''';
strFrame+='''' bDrag=true;}'''';
strFrame+=''''function DragEnd(){  /*结束日历拖动*/'''';
strFrame+='''' bDrag=false;}'''';
strFrame+=''''</scr'''' + ''''ipt>'''';
strFrame+=''''<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false"><span id=tmpSelectYearLayer  style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>'''';
strFrame+=''''<span id=tmpSelectMonthLayer  style="z-index: 9999;position: absolute;top: 3; left: 78;display: none"></span>'''';
strFrame+=''''<table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#9496E1 bgcolor=#9496E1 >'''';
strFrame+=''''  <tr ><td width=142 height=23  bgcolor=#FFFFFF><table border=0 cellspacing=1 cellpadding=0 width=140  height=23>'''';
strFrame+=''''      <tr align=center ><td width=16 align=center bgcolor=#9496E1 style="font-size:12px;cursor: hand;color: #FFFFFF" '''';
strFrame+=''''        onclick="parent.nickPrevM()" title="向前翻 1 月" ><b >&lt;</b>'''';
strFrame+=''''        </td><td width=60 align=center style="font-size:12px;cursor:default"  '''';
strFrame+=''''onmouseover="style.backgroundColor=\''''#C6C7EF\''''" onmouseout="style.backgroundColor=\''''white\''''" '''';
strFrame+=''''onclick="parent.tmpSelectYearInnerHTML(this.innerText.substring(0,4))" title="点击这里选择年份"><span  id=nickYearHead></span></td>'''';
strFrame+=''''<td width=48 align=center style="font-size:12px;cursor:default"  onmouseover="style.backgroundColor=\''''#C6C7EF\''''" '''';
strFrame+='''' onmouseout="style.backgroundColor=\''''white\''''" onclick="parent.tmpSelectMonthInnerHTML(this.innerText.length==3?this.innerText.substring(0,1):this.innerText.substring(0,2))"'''';
strFrame+=''''        title="点击这里选择月份"><span id=nickMonthHead ></span></td>'''';
strFrame+=''''        <td width=16 bgcolor=#9496E1 align=center style="font-size:12px;cursor: hand;color: #FFFFFF" '''';
strFrame+=''''         onclick="parent.nickNextM()" title="向后翻 1 月" ><b >&gt;</b></td></tr>'''';
strFrame+=''''    </table></td></tr>'''';
strFrame+=''''  <tr ><td width=142 height=18 >'''';
strFrame+=''''<table border=1 cellspacing=0 cellpadding=0 bgcolor=#9496E1 '''' + (bMoveable? ''''onmousedown="DragStart()" onmouseup="DragEnd()"'''':'''''''');
strFrame+='''' BORDERCOLORLIGHT=#9496E1 BORDERCOLORDARK=#FFFFFF width=140 height=20  style="cursor:'''' + (bMoveable ? ''''move'''':''''default'''') + ''''">'''';
strFrame+=''''<tr  align=center valign=bottom><td style="font-size:12px;color:#FFFFFF" >日</td>'''';
strFrame+=''''<td style="font-size:12px;color:#FFFFFF" >一</td><td style="font-size:12px;color:#FFFFFF" >二</td>'''';
strFrame+=''''<td style="font-size:12px;color:#FFFFFF" >三</td><td style="font-size:12px;color:#FFFFFF" >四</td>'''';
strFrame+=''''<td style="font-size:12px;color:#FFFFFF" >五</td><td style="font-size:12px;color:#FFFFFF" >六</td></tr>'''';
strFrame+=''''</table></td></tr>'''';
strFrame+=''''  <tr ><td width=142 height=120 >'''';
strFrame+=''''    <table border=1 cellspacing=2 cellpadding=0 BORDERCOLORLIGHT=#9496E1 BORDERCOLORDARK=#FFFFFF bgcolor=#fff8ec width=140 height=120 >'''';
var n=0; for (j=0;j<5;j++){ strFrame+= '''' <tr align=center >''''; for (i=0;i<7;i++){
strFrame+=''''<td width=20 height=20 id=nickDay''''+n+'''' style="font-size:12px"  onclick=parent.nickDayClick(this.innerText,0)></td>'''';n++;}
strFrame+=''''</tr>'''';}
strFrame+=''''      <tr align=center >'''';
for (i=35;i<39;i++)strFrame+=''''<td width=20 height=20 id=nickDay''''+i+'''' style="font-size:12px"  onclick="parent.nickDayClick(this.innerText,0)"></td>'''';
strFrame+=''''        <td colspan=3 align=right ><span onclick=parent.closeLayer() style="font-size:12px;cursor: hand"'''';
strFrame+=''''          title="'''' + _VersionInfo + ''''"><u>关闭</u></span>&nbsp;</td></tr>'''';
strFrame+=''''    </table></td></tr><tr ><td >'''';
strFrame+=''''        <table border=0 cellspacing=1 cellpadding=0 width=100%  bgcolor=#FFFFFF>'''';
strFrame+=''''          <tr ><td  align=left><input  type=button class=button value="<<" title="向前翻 1 年" onclick="parent.nickPrevY()" '''';
strFrame+=''''             onfocus="this.blur()" style="font-size: 12px; height: 20px"><input  class=button title="向前翻 1 月" type=button '''';
strFrame+=''''             value="< " onclick="parent.nickPrevM()" onfocus="this.blur()" style="font-size: 12px; height: 20px"></td><td '''';
strFrame+=''''              align=center><input  type=button class=button value=今天 onclick="parent.nickToday()" '''';
strFrame+=''''             onfocus="this.blur()" title="当前日期" style="font-size: 12px; height: 20px; cursor:hand"></td><td '''';
strFrame+=''''              align=right><input  type=button class=button value=" >" onclick="parent.nickNextM()" '''';
strFrame+=''''             onfocus="this.blur()" title="向后翻 1 月" class=button style="font-size: 12px; height: 20px"><input '''';
strFrame+=''''              type=button class=button value=">>" title="向后翻 1 年" onclick="parent.nickNextY()"'''';
strFrame+=''''             onfocus="this.blur()" style="font-size: 12px; height: 20px"></td>'''';
strFrame+='''

[1] [2] [3]  下一页

打印本文 打印本文 关闭窗口 关闭窗口