日历控件

日历控件大全

系统 1938 0

日历控件是我们经常使用的,本文把常用的几款日历总结如下。 

1.下拉日历梅花雨版第1款
点评:
最经典的几乎完美了。

日历控件大全

代码:

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


< html   >
< head  runat ="server" >
    
< title > 日历控件 </ title >
< script  type ="text/javascript"  src ="calendar.js" ></ script >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
        
        
< input  id ="Text1"  type ="text"   onFocus =calendar()  />
       
</ div >
    
</ form >
</ body >
</ html >

 calendar.js

calendar.js 注意存为带签名的utf-8

梅花雨版第2款
点评:
比上一款大些,色彩淡一点。
日历控件大全

 

<% ... @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default2.aspx.cs "  Inherits = " Default2 "   %>
< html >
< head  runat ="server" >
    
< title > 日历控件 </ title >
    
< script  type ="text/javascript"  src ="calendar.js" ></ script >

</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
    
< input  onfocus ="setday(this);"  name ="Calendar1"  type ="text"  id ="Calendar1"    />
    
</ div >
    
</ form >
</ body >
</ html >

calendar.js http://download1.csdn.net/down3/20070514/14080517354.js


 2.万年历
点评:可以自定义节日,是很多系统里做装饰的。

  日历控件大全

 

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


< html >
< head  runat ="server" >
    
< title > 日历控件 </ title >
< script  type ="text/javascript"  src ="wnl.js" ></ script >
< SCRIPT  language =JavaScript > ...
function  click() 
... {
if  (event.button == 2 ... {alert( ' 欢迎访问——农历与西历对照 ' ) }
}

document.onmousedown
= click
</ SCRIPT >

< STYLE > ... .todyaColor  {...} {
    BACKGROUND-COLOR
:  aqua
}

</ STYLE >
</ head >
< BODY  leftMargin =5  topMargin =1  onload =initial() >
< SCRIPT  language =JavaScript > ... <!--
   
if (navigator.appName  ==   " Netscape "   ||  parseInt(navigator.appVersion)  <   4 )
   document.write(
" <h1>你的浏览器无法执行此程序。</h1>此程序在 IE4 以后的版本才能执行!! " )
// --></SCRIPT>

< DIV id = detail style = " POSITION: absolute " ></ DIV >
< CENTER >
< FORM name = CLD >
< TABLE >
  
< TBODY >
  
< TR >
    
< TD align = middle >
      
< DIV style = " Z-INDEX: -1; POSITION: absolute; TOP: 30px " >< FONT id = YMBG 
      style
= " FONT-SIZE: 80pt; COLOR: #e0e0e0; FONT-FAMILY: 'Arial Black' " >< BR > JUN </ FONT >  
      
</ DIV >
      
< TABLE border = 0 >
        
< TBODY >
        
< TR >
          
< TD bgColor = #00ffff colSpan = 7 >< FONT style = " FONT-SIZE: 9pt "  
            color
= # 333333  size = 2 > 西历  < SELECT style = " FONT-SIZE: 9pt "  
            onchange
= changeCld() name = SY >  
              
< SCRIPT language = JavaScript ><!--
            
for (i = 1900 ;i < 2050 ;i ++ ) document.write( ' <option> ' + i)
            
// --></SCRIPT>
             </ SELECT > 年  < SELECT style = " FONT-SIZE: 9pt "  onchange = changeCld() 
            name
= SM >  
              
< SCRIPT language = JavaScript ><!--
            
for (i = 1 ;i < 13 ;i ++ ) document.write( ' <option> ' + i)
            
// --></SCRIPT>
             </ SELECT > 月  </ FONT >< FONT id = GZ face = 宋体 color = # 333333  
            size
= 4 ></ FONT >< BR ></ TD ></ TR >
        
< TR align = middle bgColor = #e0e0e0 >
          
< TD width = 54 > </ TD >
          
< TD width = 54 > </ TD >
          
< TD width = 54 > </ TD >
          
< TD width = 50 > </ TD >
          
< TD width = 54 > </ TD >
          
< TD width = 54 > </ TD >
          
< TD width = 54 > </ TD ></ TR >
        
< SCRIPT language = JavaScript ><!--
            
var  gNum
            
for (i = 0 ;i < 6 ;i ++
            
... {
               document.write(
' <tr align=center> ' )
               
for (j = 0 ;j < 7 ;j ++
               
... {
              &nb

日历控件大全


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论