ASP.NET 好看适用的日历控件

最新推荐文章于 2022-05-28 21:06:06 发布

weixin_30552811

最新推荐文章于 2022-05-28 21:06:06 发布

阅读量143

点赞数

文章标签： javascript xhtml c# ViewUI

原文链接：http://www.cnblogs.com/baohaiqi/archive/2010/09/07/1820204.html

版权

ASP.NET 好看适用的日历控件收藏
default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="baoming_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

下面需要引入脚本和框架

1.Cal.htm

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE type="text/css">TD { FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: center }
TD.dt { FONT-SIZE: 11px; FONT-FAMILY: arial; TEXT-ALIGN: center }
A { COLOR: #666666 }
A:hover { COLOR: red }
A.bt { COLOR: blue }
</STYLE>
<SCRIPT language="javascript">
<!--//
var str='',i,j,yy,mm,openbound,callback,oleDateTime;
var fld1,fld2;
var wp=window.parent;
var cf=wp.document.getElementById("CalFrame");
var fld,curday,today=new Date();
today.setHours(0);today.setMinutes(0);today.setSeconds(0);today.setMilliseconds(0);
//var lastyear=today.getYear(),lastmonth=today.getMonth();
function parseDate(s)
{
var reg=new RegExp("[^0-9-]","")
if(s.search(reg)>=0)return today;
var ss=s.split("-");
if(ss.length!=3)return today;
if(isNaN(ss[0])||isNaN(ss[1])||isNaN(ss[2]))return today;
return new Date(parseInt(ss[0]),parseInt(ss[1]*1)-1,parseInt(ss[2]*1));
}
function resizeCalendar(){cf.width=144;cf.height=192;}
function initCalendar()
{
    oleDateTime = fld1.value;
if(fld1&&fld1.value.length>0){curday=parseDate(fld1.value);}
else if(fld2&&fld2.value.length>0){curday=parseDate(fld2.value);}
else curday=today;
drawCalendar(curday.getFullYear(),curday.getMonth());
}
function drawCalendar(y,m)
{
var x=new Date(y,m,1),mv=x.getDay(),d=x.getDate(),de;
yy=x.getFullYear();mm=x.getMonth();
document.getElementById("yyyymm").innerHTML=yy+"."+(mm+1>9?mm+1:"0"+(mm+1));
for(var i=1;i<=mv;i++)
{
de=document.getElementById("d"+i);
de.innerHTML="";
de.bgColor="";
}
while(x.getMonth()==mm)
{
de=document.getElementById("d"+(d+mv));
if(x.getTime()==curday.getTime())
   de.bgColor="#dddddd";
else
   de.bgColor="white";
if(x.getTime()==today.getTime())
   de.innerHTML="<a href=javascript:setDate("+d+");><font color=red>"+d+"</font></a>";
else if(x.getTime()<today.getTime())
   if(openbound){de.innerHTML="<a href=javascript:setDate("+d+"); class=bt>"+d+"</a>";}
   else{de.innerHTML="<font color=#888888>"+d+"</font>";}
else
   de.innerHTML="<a href=javascript:setDate("+d+");>"+d+"</a>";
x.setDate(++d);
}
while(d+mv<=42)
{
de=document.getElementById("d"+(d+mv));
de.innerHTML="";
de.bgColor="";
d++;
}
}
function setDate(d)
{

2.引入脚本：others1.js

String.prototype.trim = function()
{
   return this.replace(/(^\s*)|(\s*$)/g, "");
}

function td_clock(fieldname)
{
    td_clock2("../",fieldname);
//myleft=document.body.scrollLeft+event.clientX-event.offsetX-80;
//mytop=document.body.scrollTop+event.clientY-event.offsetY+140;

//window.showModalDialog("../jss/sele_Time.aspx?elementID="+fieldname,self,"edge:raised;scroll:0;status:0;help:0;resizable:1;dialogWidth:280px;dialogHeight:120px;dialogTop:"+mytop+"px;dialogLeft:"+myleft+"px");
}

function td_clock2(isPath,fieldname)
{
myleft=document.body.scrollLeft+event.clientX-event.offsetX-80;
mytop=document.body.scrollTop+event.clientY-event.offsetY+140;

window.showModalDialog((isPath+"jss/sele_Time.aspx?elementID="+fieldname),self,"edge:raised;scroll:0;status:0;help:0;resizable:1;dialogWidth:280px;dialogHeight:120px;dialogTop:"+mytop+"px;dialogLeft:"+myleft+"px");
}

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/chenjianyong94/archive/2009/07/08/4331930.aspx

转载于:https://www.cnblogs.com/baohaiqi/archive/2010/09/07/1820204.html

weixin_30552811

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET 好看适用的日历控件

ASP.NET 好看适用的日历控件收藏 default.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="baoming_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...
复制链接

扫一扫