日历时间控件

<style type="text/css">
.TrTitle{
background:#D4D0C8;
height:20;
border-bottom:5px solid #D4D0C8;
color:#000; cursor: hand;
}
.TrOver{
background:#808080;
height:18;
border:0px solid #999999;
color:#D4D0C8; cursor: hand;
}
.TdOver{
background:#ffffff;
height:18;width:22px;
border:0px solid #cccccc;

color:#000;cursor: hand;
}
.TdOut{
background:#C6D3EF;
height:16;width:20px;
border:1px solid #3169C6;
color:#333333; cursor: hand;
}

.TdOver2{
background:#e6e6e6;
height:18;
border:1px solid #cccccc;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#666666;cursor: hand;
}
.TdOut2{
background:#e6e6e6;
height:18;
border:1px solid #ffffff;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
color:#000000; cursor: hand;
}
</style>

<script language="javascript" type="text/javascript">
                function submintSearch()
        {
            document.<%=form1.ClientID%>.action="UserOrder_List.aspx?guid=<%=guid %>&1%=20031";
             document.<%=form1.ClientID%>.submit();
        }
        function openUrl()
        {
          self.location.href="UserOrder_List.aspx?guid=<%=guid %>&1%=20031&UserListID="+$("<%=UserListID.ClientID %>").options[$("<%=UserListID.ClientID %>").selectedIndex].value;
        }
       
        document.writeln("<div id='DateGird' style='display:none;position: absolute;border:1px solid #404040;background-color:    #D4D0C8;'></div>");
var Glob_YY=parseInt(new Date().getFullYear());
var Glob_MM=parseInt(new Date().getMonth()+1);
var Glob_DD=parseInt(new Date().getDate());
function CloseDiv()
{
 document.getElementById("DateGird").style.display="none";
}
function shotable(InputName)
{        
          var DateArray=["日","一","二","三","四","五","六"];
          var output=""
          output=output+"<div style='padding:5px;border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;'><table style='width:156px;font-size:9pt;cursor:default;border:0px solid #999999;' border='0' cellpadding='0' cellspacing='0'>";
          output=output+"<tr ><td colspan='7' class='TrTitle'><span ID='yearUU'>"+Glob_YY+"</span><span ID='monthUU'>"+Glob_MM+"</span></td></tr><table>";
          output=output+"<table style='font-size:12px;font-family: /"宋体/", Helvetica, sans-serif;cursor:default;border:0px solid #999999;border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #efefef;border-bottom:1px solid #efefef;' border='1' cellpadding='0' cellspacing='0'>";
          output=output+"<tr align='center'>";
          for(var i=0;i<7;i++)          output=output+"<td class='TrOver'>"+DateArray[i]+"</td>";
          output=output+"</tr>";
          for(var i=0;i<6;i++){
          output=output+"<tr align='center'>";
                  for(var j=0;j<7;j++)          output=output+"<td id='TD' name='TD' class='TdOver' οnmοuseοver='datelist.OverBK(this,/""+InputName.name+"/")' msg=''>&nbsp;</td>";
                          output=output+"</tr>";
                  }
          output=output+"</tabe></div>";

    var selectMMInnerHTML = "<select ID=/"sMonth/" οnchange=/"setPan(document.getElementById('sYear').value,this.value)/" style='width:50px;'>";
    for (var i = 1; i <    13; i++)
    {
      if (i == Glob_MM)
         {selectMMInnerHTML += "<option Author=wayx value='" + i + "' selected>" + i + "月" + "</option>/r/n";}
      else {selectMMInnerHTML += "<option Author=wayx value='" + i + "'>" + i + "月" + "</option>/r/n";}
    }
    selectMMInnerHTML += "</select><input type=/"button/" οnclick=/"CloseDiv();/" value=/"关闭/">";
    var selectYYInnerHTML = "<select ID=/"sYear/"    οnchange=/"setPan(this.value,document.getElementById('sMonth').value)/" style='width:65px;'>";
    for (var i = 1939; i <=    Glob_YY; i++)
    {
      if (i == Glob_YY)
         {selectYYInnerHTML += "<option Author=wayx value='" + i + "' selected>" + i + "年" + "</option>/r/n";}
      else {selectYYInnerHTML += "<option Author=wayx value='" + i + "'>" + i + "年" + "</option>/r/n";}
    }
    selectYYInnerHTML += "</select>";
          document.getElementById("DateGird").innerHTML= output;
          document.getElementById("monthUU").innerHTML= selectMMInnerHTML;
          document.getElementById("yearUU").innerHTML= selectYYInnerHTML;
          //document.writeln(output);
}
function classGetDate(sName)
{
this.obj=sName || "uncDate";
//alert(Date.parse(this.obj.value));
this.YY=Glob_YY;
this.MM=Glob_MM;
this.DD=Glob_DD;
document.getElementById("DateGird").style.display="";
setPan(this.YY,this.MM);
}       

function GetDay(y,m){
          this.TDate=function(){
                  this.DayArray=[];
                  for(var i=0;i<42;i++)this.DayArray[i]="&nbsp;";
                  for(var i=0;i<new Date(y,m,0).getDate();i++)this.DayArray[i+new Date(y,m-1,1).getDay()]=i+1;
                  return this.DayArray;
                  }
          return this;
          }

function setPan(YY,MM)
{
var DArray=GetDay(YY,MM).TDate();
var TDArr=document.getElementsByName("TD");
if (MM<10){var showMM="0"+MM;}else{var showMM=MM;}
for(var i=0;i<TDArr.length;i++){
          if (Glob_DD==DArray[i]&&YY==new Date().getFullYear()&&MM==new Date().getMonth()+1){TDArr[i].className="TdOut";}else{TDArr[i].className="TdOver"}
          TDArr[i].innerHTML=DArray[i];
          if (DArray[i]<10){var showDD="0"+DArray[i];}else{var showDD=DArray[i];}
          TDArr[i].msg=YY+"-"+showMM+"-"+showDD;
          }
}

datelist={
          dfd:function (sName)
          {
          var dateGirdObj=document.getElementById("DateGird");
          //var i= sName.style.top

          dateGirdObj.style.top=cmGetY(sName)+20;
          dateGirdObj.style.left=cmGetX(sName);
          shotable(sName);
          classGetDate(sName);
          },
          OverBK:function(t,m){
               
                  if(t.className!="TdOut"){
                       
                          t.οnmοuseοut=function(){t.className="TdOver";}
                  }
                  if(t.innerHTML!="&nbsp;")t.className="TdOut";
                  t.οnclick=function(){
                          if (t.innerHTML!="&nbsp;"){//alert(t.innerHTML);
                                  document.getElementById(m).value=t.msg;
                                  t.className="TdOver";
                                  document.getElementById("DateGird").style.display="none";
                          }
                  }
               
          }
}

function cmGetX (obj){var x = 0;do{x += obj.offsetLeft;obj = obj.offsetParent;}while(obj);return x;}
function cmGetY (obj){var y = 0;do{y += obj.offsetTop;obj = obj.offsetParent;}while(obj);return y;}
    </script>

 

BeginTime.Attributes.Add("onfocus", "datelist.dfd(this)");
EndTime.Attributes.Add("onfocus", "datelist.dfd(this)");