日历控件源码开放--适用于ASP.NET

最新推荐文章于 2021-02-10 16:35:57 发布
最新推荐文章于 2021-02-10 16:35:57 发布
阅读量1.1k 收藏
点赞数
分类专栏： C# 技术积累 ASP.NET 文章标签： 日历 asp.net function date string javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fpsky2000/article/details/386421
版权
C# 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
ASP.NET
3 篇文章 0 订阅
订阅专栏
技术积累
2 篇文章 0 订阅
订阅专栏

截图如下：


源码如下：

//-----------------------------------------------------------------------------------------------------------------------

using System;
using System.Web;
using System.Web.UI;
using System.Collections.Specialized;

/*******************************************************************
 * 功能：实现单选日历
 *  
 * 时间：2004-11
 * 作者：iceberg
 * 使用：
 * 属性：
 * 备注：目前并未实现日历的样式定义，有时间的话我会加上去：）
 *********************************************************************/

namespace KSI.WebControls
{
  /// <summary>
  /// 通过一个弹出窗口让用户选择一个日期
  /// </summary>
  public class Calendar : Control, IPostBackDataHandler
  {

    #region user_define_variable_property

    //输出用的Html代码
    private string _sOutput_Html="";
    private string _sJavaScript="";
    //按钮和文本框的样式名
    private string _TextBoxClass,_ButtonClass;
    //是否使用默认日期
    private bool _DefaultDate=false;
    //默认日期
    private string _Text="";
    //全球唯一标识码，用于在客户端注册JavaScript脚本块
    private const string _sJavaScript_ID = "{d13646d6-4dca-4366-bcb4-b1bd23c035ad}";

    /// <summary>
    /// 文本框的样式：Class格式
    /// </summary>
    public string TextBoxClass
    {
      set { _TextBoxClass = value; }
      get { return _TextBoxClass;  }  
    }

    /// <summary>
    /// 按钮的样式：Class格式
    /// </summary>
    public string ButtonClass
    {
      set { _ButtonClass = value; }
      get { return _ButtonClass;  }  
    }

    /// <summary>
    /// 输入的日期的值
    /// </summary>
    public string Text
    {
      set { _Text = value;}
      get { return _Text; }  
    }

    /// <summary>
    /// 是否使用默认值。默认值为当前日期
    /// </summary>
    public bool DefaultDate
    {
      set { _DefaultDate = value;}
      get { return _DefaultDate; }
    }

    #endregion

    #region user_define_function

    //生成输出到Htm的JavaScript脚本函数
    private void _MakeJavaScript()
    {
      _sJavaScript+="<Script Language=/"javascript/">/n";
      _sJavaScript+="<!--/n";
      _sJavaScript+="document.write(/"<div id=meizzCalendarLayer style='position: absolute; z-index: 9999; width: 144; height: 193; display: none'>/");/n";
      _sJavaScript+="document.write(/"<iframe name=meizzCalendarIframe scrolling=no frameborder=0 width=100% height=100%></iframe></div>/");/n";
      _sJavaScript+="function writeIframe()/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    var strIframe = /"<html><head><meta http-equiv='Content-Type' content='text/html; charset=gb2312'><style>/"+/n";
      _sJavaScript+="    /"*{font-size: 12px; font-family: 宋体}/"+/n";
      _sJavaScript+="    /".bg{  color: /"+ WebCalendar.lightColor +/"; cursor: default; background-color: /"+ WebCalendar.darkColor +/";}/"+/n";
      _sJavaScript+="    /"table#tableMain{ width: 142; height: 180;}/"+/n";
      _sJavaScript+="    /"table#tableWeek td{ color: /"+ WebCalendar.lightColor +/";}/"+/n";
      _sJavaScript+="    /"table#tableDay  td{ font-weight: bold;}/"+/n";
      _sJavaScript+="    /"td#meizzYearHead, td#meizzYearMonth{color: /"+WebCalendar.wordColor +/"}/"+/n";
      _sJavaScript+="    /".out { text-align: center; border-top: 1px solid /"+ WebCalendar.DarkBorder +/"; border-left: 1px solid /"+ WebCalendar.DarkBorder +/";/"+/n";
      _sJavaScript+="    /"border-right: 1px solid /"+ WebCalendar.lightColor +/"; border-bottom: 1px solid /"+ WebCalendar.lightColor +/";}/"+/n";
      _sJavaScript+="    /".over{ text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;/"+/n";
      _sJavaScript+="    /"border-bottom: 1px solid /"+ WebCalendar.DarkBorder +/"; border-right: 1px solid /"+ WebCalendar.DarkBorder +/"}/"+/n";
      _sJavaScript+="    /"input{ border: 1px solid /"+ WebCalendar.darkColor +/"; padding-top: 1px; height: 18; cursor: hand;/"+/n";
      _sJavaScript+="    /"       color:/"+ WebCalendar.wordColor +/"; background-color: /"+ WebCalendar.btnBgColor +/"}/"+/n";
      _sJavaScript+="    /"</style></head><body onselectstart='return false' style='margin: 0px' οncοntextmenu='return false'><form name=meizz>/";/n";
      _sJavaScript+="    if (WebCalendar.drag){ strIframe += /"<scr/"+/"ipt language=javascript>/"+/n";
      _sJavaScript+="    /"var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){/"+/n";
      _sJavaScript+="    /"if(parent.WebCalendar.drag && drag){if(o.style.left=='')o.style.left=0; if(o.style.top=='')o.style.top=0;/"+/n";
      _sJavaScript+="    /"o.style.left = parseInt(o.style.left) + window.event.clientX-cx;/"+/n";
      _sJavaScript+="    /"o.style.top  = parseInt(o.style.top)  + window.event.clientY-cy;}}/"+/n";
      _sJavaScript+="    /"function document.onkeydown(){ switch(window.event.keyCode){  case 27 : parent.hiddenCalendar(); break;/"+/n";
      _sJavaScript+="    /"case 37 : parent.prevM(); break; case 38 : parent.prevY(); break; case 39 : parent.nextM(); break; case 40 : parent.nextY(); break;/"+/n";
      _sJavaScript+="    /"case 84 : document.forms[0].today.click(); break;} window.event.keyCode = 0; window.event.returnValue= false;}/"+/n";
      _sJavaScript+="    /"function dragStart(){cx=window.event.clientX; cy=window.event.clientY; drag=true;}</scr/"+/"ipt>/"}/n";
      _sJavaScript+="    strIframe += /"<select name=tmpYearSelect  οnblur='parent.hiddenSelect(this)' style='z-index:1;position:absolute;top:3;left:18;display:none'/"+/n";
      _sJavaScript+="    /" οnchange='parent.WebCalendar.thisYear =this.value; parent.hiddenSelect(this); parent.writeCalendar();'></select>/"+/n";
      _sJavaScript+="    /"<select name=tmpMonthSelect οnblur='parent.hiddenSelect(this)' style='z-index:1; position:absolute;top:3;left:74;display:none'/"+/n";
      _sJavaScript+="    /" οnchange='parent.WebCalendar.thisMonth=this.value; parent.hiddenSelect(this); parent.writeCalendar();'></select>/"+/n";
      _sJavaScript+="    /"<table id=tableMain class=bg border=0 cellspacing=2 cellpadding=0>/"+/n";
      _sJavaScript+="    /"<tr><td width=140 height=19 bgcolor='/"+ WebCalendar.lightColor +/"'>/"+/n";
      _sJavaScript+="    /"    <table width=140 id=tableHead border=0 cellspacing=1 cellpadding=0><tr align=center>/"+/n";
      _sJavaScript+="    /"    <td width=15 height=19 class=bg title='向前翻 1 月&#13;快捷键：←' style='cursor: hand' οnclick='parent.prevM()'><b>&lt;</b></td>/"+/n";
      _sJavaScript+="    /"    <td width=60 id=meizzYearHead  title='点击此处选择年份' οnclick='parent.funYearSelect(parseInt(this.innerText, 10))'/"+/n";
      _sJavaScript+="    /"        οnmοuseοver='this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'/"+/n";
      _sJavaScript+="    /"        οnmοuseοut='this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor'></td>/"+/n";
      _sJavaScript+="    /"    <td width=50 id=meizzYearMonth title='点击此处选择月份' οnclick='parent.funMonthSelect(parseInt(this.innerText, 10))'/"+/n";
      _sJavaScript+="    /"        οnmοuseοver='this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor'/"+/n";
      _sJavaScript+="    /"        οnmοuseοut='this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor'></td>/"+/n";
      _sJavaScript+="    /"    <td width=15 class=bg title='向后翻 1 月&#13;快捷键：→' οnclick='parent.nextM()' style='cursor: hand'><b>&gt;</b></td></tr></table>/"+/n";
      _sJavaScript+="    /"</td></tr><tr><td height=20><table id=tableWeek border=1 width=140 cellpadding=0 cellspacing=0 /";/n";
      _sJavaScript+="    if(WebCalendar.drag){strIframe += /"οnmοusedοwn='dragStart()' οnmοuseup='drag=false' οnmοuseοut='drag=false'/";}/n";
      _sJavaScript+="    strIframe += /" borderColorLight='/"+ WebCalendar.darkColor +/"' borderColorDark='/"+ WebCalendar.lightColor +/"'>/"+/n";
      _sJavaScript+="    /"    <tr align=center><td height=20>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr></table>/"+/n";
      _sJavaScript+="    /"</td></tr><tr><td valign=top width=140 bgcolor='/"+ WebCalendar.lightColor +/"'>/"+/n";
      _sJavaScript+="    /"    <table id=tableDay height=120 width=140 border=0 cellspacing=1 cellpadding=0>/";/n";
      _sJavaScript+="         for(var x=0; x<5; x++){ strIframe += /"<tr>/";/n";
      _sJavaScript+="         for(var y=0; y<7; y++)  strIframe += /"<td class=out id='meizzDay/"+ (x*7+y) +/"'></td>/"; strIframe += /"</tr>/";}/n";
      _sJavaScript+="         strIframe += /"<tr>/";/n";
      _sJavaScript+="         for(var x=35; x<39; x++) strIframe += /"<td class=out id='meizzDay/"+ x +/"'></td>/";/n";
      _sJavaScript+="         strIframe +=/"<td colspan=3 class=out title='/"+ WebCalendar.regInfo +/"'><input style=' background-color: /"+/n";
      _sJavaScript+="         WebCalendar.btnBgColor +/";cursor: hand; padding-top: 4px; width: 100%; height: 100%; border: 0' οnfοcus='this.blur()'/"+/n";
      _sJavaScript+="         /" type=button value='&nbsp; &nbsp; 关闭' οnclick='parent.hiddenCalendar()'></td></tr></table>/"+/n";
      _sJavaScript+="    /"</td></tr><tr><td height=20 width=140 bgcolor='/"+ WebCalendar.lightColor +/"'>/"+/n";
      _sJavaScript+="    /"    <table border=0 cellpadding=1 cellspacing=0 width=140>/"+/n";
      _sJavaScript+="    /"    <tr><td><input name=prevYear title='向前翻 1 年&#13;快捷键：↑' οnclick='parent.prevY()' type=button value='&lt;&lt;'/"+/n";
      _sJavaScript+="    /"    οnfοcus='this.blur()' style='meizz:expression(this.disabled=parent.WebCalendar.thisYear==1000)'><input/"+/n";
      _sJavaScript+="    /"    οnfοcus='this.blur()' name=prevMonth title='向前翻 1 月&#13;快捷键：←' οnclick='parent.prevM()' type=button value='&lt;&nbsp;'>/"+/n";
      _sJavaScript+="    /"    </td><td align=center><input name=today type=button value='今天' οnfοcus='this.blur()' style='width: 50' title='当前日期&#13;快捷键：T'/"+/n";
   
      _sJavaScript+="    /"    οnclick=" + @"/" + "/"" + "parent.returnDate(new Date().getDate() +'/'+ (new Date().getMonth() +1) +'/'+ new Date().getFullYear())";
      // "    οnclick=      /      "     parent.returnDate(new Date().getDate() +'/'+ (new Date().getMonth() +1) +'/'+ new Date().getFullYear())
      _sJavaScript+=@"/" + "/"" + ">" + "/"+/n";
      //  /     "      >     " +
      _sJavaScript+="    /"    </td><td align=right><input title='向后翻 1 月&#13;快捷键：→' name=nextMonth οnclick='parent.nextM()' type=button value='&nbsp;&gt;'/"+/n";
      _sJavaScript+="    /"    οnfοcus='this.blur()'><input name=nextYear title='向后翻 1 年&#13;快捷键：↓' οnclick='parent.nextY()' type=button value='&gt;&gt;'/"+/n";
      _sJavaScript+="    /"    οnfοcus='this.blur()' style='meizz:expression(this.disabled=parent.WebCalendar.thisYear==9999)'></td></tr></table>/"+/n";
      _sJavaScript+="    /"</td></tr><table></form></body></html>/";/n";
      _sJavaScript+="    with(WebCalendar.iframe)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        document.writeln(strIframe); document.close();/n";
      _sJavaScript+="        for(var i=0; i<39; i++)/n";
      _sJavaScript+="        {/n";
      _sJavaScript+="            WebCalendar.dayObj[i] = eval(/"meizzDay/"+ i);/n";
      _sJavaScript+="            WebCalendar.dayObj[i].onmouseover = dayMouseOver;/n";
      _sJavaScript+="            WebCalendar.dayObj[i].onmouseout  = dayMouseOut;/n";
      _sJavaScript+="            WebCalendar.dayObj[i].onclick     = returnDate;/n";
      _sJavaScript+="        }/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function WebCalendar() //初始化日历的设置/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    this.regInfo    = /"请单击选择日期&#13;关闭的快捷键：[Esc]/";/n";
      _sJavaScript+="    this.regInfo   += /"Ver 1.0：FengXq Email:Fpsky2000@163.com/";/n";
      _sJavaScript+="    this.daysMonth  = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);/n";
      _sJavaScript+="    this.day        = new Array(39);            //定义日历展示用的数组/n";
      _sJavaScript+="    this.dayObj     = new Array(39);            //定义日期展示控件数组/n";
      _sJavaScript+="    this.dateStyle  = null;                     //保存格式化后日期数组/n";
      _sJavaScript+="    this.objExport  = null;                     //日历回传的显示控件/n";
      _sJavaScript+="    this.eventSrc   = null;                     //日历显示的触发控件/n";
      _sJavaScript+="    this.inputDate  = null;                     //转化外的输入的日期(d/m/yyyy)/n";
      _sJavaScript+="    this.thisYear   = new Date().getFullYear(); //定义年的变量的初始值/n";
      _sJavaScript+="    this.thisMonth  = new Date().getMonth()+ 1; //定义月的变量的初始值/n";
      _sJavaScript+="    this.thisDay    = new Date().getDate();     //定义日的变量的初始值/n";
      _sJavaScript+="    this.today      = this.thisDay +/"//"+ this.thisMonth +/"//"+ this.thisYear;   //今天(d/m/yyyy)/n";
      _sJavaScript+="    this.iframe     = window.frames(/"meizzCalendarIframe/"); //日历的 iframe 载体/n";
      _sJavaScript+="    this.calendar   = getObjectById(/"meizzCalendarLayer/");  //日历的层/n";
      _sJavaScript+="    this.dateReg    = /"/";           //日历格式验证的正则式/n";
      _sJavaScript+="    this.yearFall   = 50;           //定义年下拉框的年差值/n";
      _sJavaScript+="    this.format     = /"yyyy-mm-dd/"; //回传日期的格式/n";
      _sJavaScript+="    this.timeShow   = false;        //是否返回时间/n";
      _sJavaScript+="    this.drag       = true;         //是否允许拖动/n";
      _sJavaScript+="    this.darkColor  = /"#97BAE2/";    //控件的暗色/n";
      _sJavaScript+="    this.lightColor = /"#FFFFFF/";    //控件的亮色/n";
      _sJavaScript+="    this.btnBgColor = /"#E6E6FA/";    //控件的按钮背景色/n";
      _sJavaScript+="    this.wordColor  = /"#000080/";    //控件的文字颜色/n";
      _sJavaScript+="    this.wordDark   = /"#DCDCDC/";    //控件的暗文字颜色/n";
      _sJavaScript+="    this.dayBgColor = /"#F5F5FA/";    //日期数字背景色/n";
      _sJavaScript+="    this.todayColor = /"#FF0000/";    //今天在日历上的标示背景色/n";
      _sJavaScript+="    this.DarkBorder = /"#D4D0C8/";    //日期显示的立体表达色/n";
      _sJavaScript+="}/n";
      _sJavaScript+="   var WebCalendar = new WebCalendar();/n";
      _sJavaScript+="function calendar() //主调函数/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    var e = window.event.srcElement;   writeIframe();/n";
      _sJavaScript+="    var o = WebCalendar.calendar.style; WebCalendar.eventSrc = e;/n";
      _sJavaScript+=" if (arguments.length == 0) WebCalendar.objExport = e;/n";
      _sJavaScript+="    else WebCalendar.objExport = eval(arguments[0]);/n";
      _sJavaScript+="    WebCalendar.iframe.tableWeek.style.cursor = WebCalendar.drag ? /"move/" : /"default/";/n";
      _sJavaScript+=" var t = e.offsetTop,  h = e.clientHeight, l = e.offsetLeft, p = e.type;/n";
      _sJavaScript+=" while (e = e.offsetParent){t += e.offsetTop; l += e.offsetLeft;}/n";
      _sJavaScript+="    o.display = /"/"; WebCalendar.iframe.document.body.focus();/n";
      _sJavaScript+="    var cw = WebCalendar.calendar.clientWidth, ch = WebCalendar.calendar.clientHeight;/n";
      _sJavaScript+="    var dw = document.body.clientWidth, dl = document.body.scrollLeft, dt = document.body.scrollTop;/n";
      _sJavaScript+="    if (document.body.clientHeight + dt - t - h >= ch) o.top = (p==/"image/")? t + h : t + h + 6;/n";
      _sJavaScript+="    else o.top  = (t - dt < ch) ? ((p==/"image/")? t + h : t + h + 6) : t - ch;/n";
      _sJavaScript+="    if (dw + dl - l >= cw) o.left = l; else o.left = (dw >= cw) ? dw - cw + dl : dl;/n";
   
      _sJavaScript+=@"if  (!WebCalendar.timeShow) WebCalendar.dateReg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/;" + "/n";
      //if  (!WebCalendar.timeShow) WebCalendar.dateReg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/;
      _sJavaScript+=@"else WebCalendar.dateReg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2}) (/d{1,2}):(/d{1,2}):(/d{1,2})$/;" + "/n";
      // else WebCalendar.dateReg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2}) (/d{1,2}):(/d{1,2}):(/d{1,2})$/;

      _sJavaScript+="    try{/n";
      _sJavaScript+="        if (WebCalendar.objExport.value.trim() != /"/"){/n";   
      _sJavaScript+="            WebCalendar.dateStyle = WebCalendar.objExport.value.trim().match(WebCalendar.dateReg);/n";
      _sJavaScript+="            if (WebCalendar.dateStyle == null)/n";
      _sJavaScript+="            {/n";
      _sJavaScript+="                WebCalendar.thisYear   = new Date().getFullYear();/n";
      _sJavaScript+="                WebCalendar.thisMonth  = new Date().getMonth()+ 1;/n";
      _sJavaScript+="                WebCalendar.thisDay    = new Date().getDate();/n";
      _sJavaScript+="                alert(/"原文本框里的日期有错误！可能与你定义的显示时分秒有冲突！/");/n";
      _sJavaScript+="                writeCalendar(); return false;/n";
      _sJavaScript+="            }/n";
      _sJavaScript+="            else/n";
      _sJavaScript+="            {/n";
      _sJavaScript+="                WebCalendar.thisYear   = parseInt(WebCalendar.dateStyle[1], 10);/n";
      _sJavaScript+="                WebCalendar.thisMonth  = parseInt(WebCalendar.dateStyle[3], 10);/n";
      _sJavaScript+="                WebCalendar.thisDay    = parseInt(WebCalendar.dateStyle[4], 10);/n";
      _sJavaScript+="                WebCalendar.inputDate  = parseInt(WebCalendar.thisDay, 10) +/"//"+ parseInt(WebCalendar.thisMonth, 10) +/"//"+ /n";
      _sJavaScript+="                parseInt(WebCalendar.thisYear, 10); writeCalendar();/n";
      _sJavaScript+="            }/n";
      _sJavaScript+="        }  else writeCalendar();/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="  catch(e){writeCalendar();}/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function funMonthSelect() //月份的下拉框/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    var m = isNaN(parseInt(WebCalendar.thisMonth, 10)) ? new Date().getMonth() + 1 : parseInt(WebCalendar.thisMonth);/n";
      _sJavaScript+="    var e = WebCalendar.iframe.document.forms[0].tmpMonthSelect;/n";
      _sJavaScript+="    for (var i=1; i<13; i++) e.options.add(new Option(i +/"月/", i));/n";
      _sJavaScript+="    e.style.display = /"/"; e.value = m; e.focus(); window.status = e.style.top;/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function funYearSelect() //年份的下拉框/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    var n = WebCalendar.yearFall;/n";
      _sJavaScript+="    var e = WebCalendar.iframe.document.forms[0].tmpYearSelect;/n";
      _sJavaScript+="    var y = isNaN(parseInt(WebCalendar.thisYear, 10)) ? new Date().getFullYear() : parseInt(WebCalendar.thisYear);/n";
      _sJavaScript+="        y = (y <= 1000)? 1000 : ((y >= 9999)? 9999 : y);/n";
      _sJavaScript+="    var min = (y - n >= 1000) ? y - n : 1000;/n";
      _sJavaScript+="    var max = (y + n <= 9999) ? y + n : 9999;/n";
      _sJavaScript+="        min = (max == 9999) ? max-n*2 : min;/n";
      _sJavaScript+="        max = (min == 1000) ? min+n*2 : max;/n";
      _sJavaScript+="    for (var i=min; i<=max; i++) e.options.add(new Option(i +/"年/", i));/n";
      _sJavaScript+="    e.style.display = /"/"; e.value = y; e.focus();/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function prevM()  //往前翻月份/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    WebCalendar.thisDay = 1;/n";
      _sJavaScript+="    if (WebCalendar.thisMonth==1)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        WebCalendar.thisYear--;/n";
      _sJavaScript+="        WebCalendar.thisMonth=13;/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="    WebCalendar.thisMonth--; writeCalendar();/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function nextM()  //往后翻月份/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    WebCalendar.thisDay = 1;/n";
      _sJavaScript+="    if (WebCalendar.thisMonth==12)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        WebCalendar.thisYear++;/n";
      _sJavaScript+="        WebCalendar.thisMonth=0;/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="    WebCalendar.thisMonth++; writeCalendar();/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function prevY(){WebCalendar.thisDay = 1; WebCalendar.thisYear--; writeCalendar();}//往前翻 Year/n";
      _sJavaScript+="function nextY(){WebCalendar.thisDay = 1; WebCalendar.thisYear++; writeCalendar();}//往后翻 Year/n";
      _sJavaScript+="function hiddenSelect(e){for(var i=e.options.length; i>-1; i--)e.options.remove(i); e.style.display=/"none/";}/n";
      _sJavaScript+="function getObjectById(id){ if(document.all) return(eval(/"document.all./"+ id)); return(eval(id)); }/n";
      _sJavaScript+="function hiddenCalendar(){getObjectById(/"meizzCalendarLayer/").style.display = /"none/";};/n";
      _sJavaScript+="function appendZero(n){return((/"00/"+ n).substr((/"00/"+ n).length-2));}//日期自动补零程序/n";
      _sJavaScript+="function String.prototype.trim()/n";
      _sJavaScript+="{/n";
      _sJavaScript+=" return this.replace(/(^" + @"/" + "s*)|(" + @"/" + "s*$)" + @"/" + "g,/"/");}/n";
      //              return this.replace(/(^      /     s*)|(      /     s*$)      /     g, " ");}
      _sJavaScript+="function dayMouseOver()/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    this.className = /"over/";/n";
      _sJavaScript+="    this.style.backgroundColor = WebCalendar.darkColor;/n";
      _sJavaScript+="    if(WebCalendar.day[this.id.substr(8)].split(/"//")[1] == WebCalendar.thisMonth)/n";
      _sJavaScript+="    this.style.color = WebCalendar.lightColor;/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function dayMouseOut()/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    this.className = /"out/"; var d = WebCalendar.day[this.id.substr(8)], a = d.split(/"//");/n";
      _sJavaScript+="    this.style.removeAttribute('backgroundColor');/n";
      _sJavaScript+="    if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10))/n";
      _sJavaScript+="        this.style.color = WebCalendar.lightColor;/n";
      _sJavaScript+="        this.style.color = WebCalendar.wordColor;/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function writeCalendar() //对日历显示的数据的处理程序/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    var y = WebCalendar.thisYear;/n";
      _sJavaScript+="    var m = WebCalendar.thisMonth; /n";
      _sJavaScript+="    var d = WebCalendar.thisDay;/n";
      _sJavaScript+="    WebCalendar.daysMonth[1] = (0==y%4 && (y%100!=0 || y%400==0)) ? 29 : 28;/n";
      _sJavaScript+="    if (!(y<=9999 && y >= 1000 && parseInt(m, 10)>0 && parseInt(m, 10)<13 && parseInt(d, 10)>0)){/n";
      _sJavaScript+="        alert(/"对不起，你输入了错误的日期！/");/n";
      _sJavaScript+="        WebCalendar.thisYear   = new Date().getFullYear();/n";
      _sJavaScript+="        WebCalendar.thisMonth  = new Date().getMonth()+ 1;/n";
      _sJavaScript+="        WebCalendar.thisDay    = new Date().getDate(); }/n";
      _sJavaScript+="    y = WebCalendar.thisYear;/n";
      _sJavaScript+="    m = WebCalendar.thisMonth;/n";
      _sJavaScript+="    d = WebCalendar.thisDay;/n";
      _sJavaScript+="    WebCalendar.iframe.meizzYearHead.innerText  = y +/" 年/";/n";
      _sJavaScript+="    WebCalendar.iframe.meizzYearMonth.innerText = parseInt(m, 10) +/" 月/";/n";
      _sJavaScript+="    WebCalendar.daysMonth[1] = (0==y%4 && (y%100!=0 || y%400==0)) ? 29 : 28; //闰年二月为29天/n";
      _sJavaScript+="    var w = new Date(y, m-1, 1).getDay();/n";
      _sJavaScript+="    var prevDays = m==1  ? WebCalendar.daysMonth[11] : WebCalendar.daysMonth[m-2];/n";
      _sJavaScript+="    for(var i=(w-1); i>=0; i--) //这三个 for 循环为日历赋数据源（数组 WebCalendar.day）格式是 d/m/yyyy/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        WebCalendar.day[i] = prevDays +/"//"+ (parseInt(m, 10)-1) +/"//"+ y;/n";
      _sJavaScript+="        if(m==1) WebCalendar.day[i] = prevDays +/"//"+ 12 +/"//"+ (parseInt(y, 10)-1);/n";
      _sJavaScript+="        prevDays--;/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="    for(var i=1; i<=WebCalendar.daysMonth[m-1]; i++) WebCalendar.day[i+w-1] = i +/"//"+ m +/"//"+ y;/n";
      _sJavaScript+="    for(var i=1; i<39-w-WebCalendar.daysMonth[m-1]+1; i++)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        WebCalendar.day[WebCalendar.daysMonth[m-1]+w-1+i] = i +/"//"+ (parseInt(m, 10)+1) +/"//"+ y;/n";
      _sJavaScript+="        if(m==12) WebCalendar.day[WebCalendar.daysMonth[m-1]+w-1+i] = i +/"//"+ 1 +/"//"+ (parseInt(y, 10)+1);/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="    for(var i=0; i<39; i++)    //这个循环是根据源数组写到日历里显示/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        var a = WebCalendar.day[i].split(/"//");/n";
      _sJavaScript+="        WebCalendar.dayObj[i].innerText    = a[0];/n";
      _sJavaScript+="        WebCalendar.dayObj[i].title        = a[2] +/"-/"+ appendZero(a[1]) +/"-/"+ appendZero(a[0]);/n";
      _sJavaScript+="        WebCalendar.dayObj[i].bgColor      = WebCalendar.dayBgColor;/n";
      _sJavaScript+="        WebCalendar.dayObj[i].style.color  = WebCalendar.wordColor;/n";
      _sJavaScript+="        if ((i<10 && parseInt(WebCalendar.day[i], 10)>20) || (i>27 && parseInt(WebCalendar.day[i], 10)<12))/n";
      _sJavaScript+="            WebCalendar.dayObj[i].style.color = WebCalendar.wordDark;/n";
      _sJavaScript+="        if (WebCalendar.inputDate==WebCalendar.day[i])    //设置输入框里的日期在日历上的颜色/n";
      _sJavaScript+="        {WebCalendar.dayObj[i].bgColor = WebCalendar.darkColor; WebCalendar.dayObj[i].style.color = WebCalendar.lightColor;}/n";
      _sJavaScript+="        if (WebCalendar.day[i] == WebCalendar.today)      //设置今天在日历上反应出来的颜色/n";
      _sJavaScript+="        {WebCalendar.dayObj[i].bgColor = WebCalendar.todayColor; WebCalendar.dayObj[i].style.color = WebCalendar.lightColor;}/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function returnDate() //根据日期格式等返回用户选定的日期/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    if(WebCalendar.objExport)/n";
      _sJavaScript+="    {/n";
      _sJavaScript+="        var returnValue;/n";
      _sJavaScript+="        var a = (arguments.length==0) ? WebCalendar.day[this.id.substr(8)].split(/"//") : arguments[0].split(/"//");/n";
      _sJavaScript+="        var d = WebCalendar.format.match(/^(" + @"/" +"w{4})(-|"+ @"/" + "/)("+ @"/" + "w{1,2})"+ @"/" + "2("+ @"/"+"w{1,2})$/);/n";
      //                     var d = WebCalendar.format.match(/^(      /    w{4})(-|     /     /)(     /     w{1,2})     /     2(     /   w{1,2})$/);
      _sJavaScript+="        if(d==null){alert(/"你设定的日期输出格式不对！请重新定义 WebCalendar.format ！/"); return false;}/n";
      _sJavaScript+="        var flag = d[3].length==2 || d[4].length==2; //判断返回的日期格式是否要补零/n";
      _sJavaScript+="        returnValue = flag ? a[2] +d[2]+ appendZero(a[1]) +d[2]+ appendZero(a[0]) : a[2] +d[2]+ a[1] +d[2]+ a[0];/n";
      _sJavaScript+="        if(WebCalendar.timeShow)/n";
      _sJavaScript+="        {/n";
      _sJavaScript+="            var h = new Date().getHours(), m = new Date().getMinutes(), s = new Date().getSeconds();/n";
      _sJavaScript+="            returnValue += flag ? /" /"+ appendZero(h) +/":/"+ appendZero(m) +/":/"+ appendZero(s) : /" /"+  h  +/":/"+ m +/":/"+ s;/n";
      _sJavaScript+="        }/n";
      _sJavaScript+="        WebCalendar.objExport.value = returnValue;/n";
      _sJavaScript+="        hiddenCalendar();/n";
      _sJavaScript+="    }/n";
      _sJavaScript+="}/n";
      _sJavaScript+="function document.onclick()/n";
      _sJavaScript+="{/n";
      _sJavaScript+="    if(WebCalendar.eventSrc != window.event.srcElement) hiddenCalendar();/n";
      _sJavaScript+="}/n";
      _sJavaScript+="-->/n";
      _sJavaScript+="</script>/n";
      _sJavaScript+="/n";

    }


    #endregion

    #region override_Function

    /// <summary>
    /// 重写函数，处理控件的回发事件
    /// </summary>
    public virtual bool LoadPostData(string postDataKey,NameValueCollection values)
    {
      String presentValue = _Text;
      String postedValue = values[postDataKey];
      if (!presentValue.Equals(postedValue))
      {
        _Text = postedValue;
        return true;
      }
      return false;
    }

    public virtual void RaisePostDataChangedEvent()
    {
       
    }

    /// <summary>
    /// 重写OnPreRender()，对控件进行初始化设置
    /// </summary>
    protected override void OnPreRender(EventArgs e)
    {
      //设置默认日期:当前日期
      if (_DefaultDate==true)
      {
        //_Text = System.DateTime.Now.Year.ToString() + "-" + System.DateTime.Now.Month.ToString() + "-" + System.DateTime.Now.Day.ToString();
        _Text=System.DateTime.Now.Date.ToString("yyyy-MM-dd");
   
      }
    }

    /// <summary>
    /// 重写Render函数，用Html代码输出控件
    /// </summary>
    protected override void Render( HtmlTextWriter writer)
    {
      string _strTextBoxClass="";
      string _strButtonClass="";

      //生成输出Html控件代码
      _sOutput_Html ="";
      _sOutput_Html += "/n";

      //设置样式
      if(_TextBoxClass!="")
      {
        _strTextBoxClass = " class = '" + _TextBoxClass + "' ";
      }
      if(_ButtonClass!="")
      {
        _strButtonClass = " class = '" + _ButtonClass + "' ";
      }

      _sOutput_Html += "<input type='text' name='" + this.UniqueID + "' size='7' " + _strTextBoxClass + " value='" + _Text + "' runat='server' >/n";   
      _sOutput_Html += "<input  " + _strButtonClass + " type=button value='...' οnclick='calendar(" + this.UniqueID + ")'>/n";

      //生成JavaScript脚本
      //判断JavaScript脚本是否已经在客户端注册，
      if (Page.IsClientScriptBlockRegistered(_sJavaScript_ID))
      {
        //已注册，不重复输出角本到客户端
      }
      else
      {
        _MakeJavaScript();
        _sOutput_Html += _sJavaScript;   
      }

      //在客户端注册JavaScript脚本
      Page.RegisterClientScriptBlock(_sJavaScript_ID,_sJavaScript);

      writer.Write(_sOutput_Html);

    }

    #endregion


  }
}

fpsky2000
关注
专栏目录
ASP.NET中一个可以记事的日历控件源代码
12-11
在asp.net中多功能日历控件，可以显示日历，记录日志和日程
asp时间控件
10-03
asp多种时间控件任你选择，html+js 简单易懂，执行效率非常高，希望大家能学到东西
日历控件源码开放--适用于ASP.NET 1.1
weixin_30851867的博客
09-15 91
摘要：此控件跟据“封装梅花雪疏影横斜”的“Web Calendar ver 3.0 网页日历”提供的JS代码来做的，在此特别感谢。 截图如下：源码如下： //---------------------------------------------------------------------------------------------------------------------...
ASP.NET时间控件
10-17
好用的ASP.NET控件,一看就会,快来下载吧
ASP .NET时间控件
qq_50991473的博客
02-10 1120
日期控件Caledar 前端代码 后台代码 效果图
商业编程-源码-ASP.NET日期选择控件.zip
06-20
此外，还可以了解到如何使用AJAX技术来增强用户体验，使日历控件具有更好的响应性和交互性。 在实际应用中，这样的日期选择控件可能会整合到更复杂的业务逻辑中，比如与数据库交互，保存或查询特定日期的数据。因此...
Asp.net下拉日期控件源码及示例
03-16
摘要:.NET源码,控件组件,日历控件　下拉日期控件源码及示例，日期选择控件，方便让用户输入日期时间，你只需在时间框内点击一下鼠标，日期选择器就会显示出来，选择日期后确认即可。一个常用的下拉日期控件的演示...
Asp.Net日历控件显示农历源码 1.0.rar
05-24
源码实现了在Asp.Net日历控件中显示农历，节气等信息，需要的可以下载学习。是用Calendar1_DayRender事件处理农历数据的呈现。 注意： 开发环境为Visual Studio 2010
口凡网ASP.NET日历控件代码.rar
07-10
"口凡网ASP.NET日历控件代码.rar"这个压缩包中包含了实现这种功能的源码，可以帮助开发者了解并学习如何在自己的项目中创建自定义的日历控件。 首先，ASP.NET日历控件（System.Web.UI.WebControls.Calendar）是一个...
asp日期控件
07-28
关于asp的一个日期控件。
Asp日期控件
01-08
文件复制到项目内，导入javascript地址就能用，弹出日历选择日期，可选择年月，年月日，年等显示方法
C# ASP.NET 时间控件_日期时间选择输入框控件。
04-21
习惯了C# WinForm上使用DateTimePicker，在ASP.NET开发页面时，发现最简单的日期时间输入选择框居然没有现成的控件，很有束手无策的感觉。网上找了很多，除了牛人自己写控件外，大多数都是使用My97DatePicker这个第三方控件，用起来确实方便。自己下载了最新插件，也按网上好多说的差异化的时间选择输入框做了一个demo页面，可以看看这个插件是怎么使用的，也可以根据自己的需求，做一些适用化的尝试。
传几个asp.net写的开源日程、日历控件源码
01-28
传几个asp.net写的开源日程、日历控件源码
非常好用的asp.net日期时间控件
11-01
1. 简介 功能强大、使用方便的日期时间控件，目前的版本是:4.1 正式版 发布于2008-10-20 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 config.js 语言和皮肤配置文件 calendar.js 日期库主文件) My97DatePicker.htm 临时页面文件,不可删除 目录lang 存放语言文件 目录skin 存放皮肤的相关文件 当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
6种风格的ASP.NET日期插件，日历选择功能
03-16
摘要:.NET源码,控件组件,日期控件,日历插件　日期插件，弹出的日历选择功能，一共有六款，颜色风格什么的都不一样的，六款日历控件6个JS代码，每一款代码内都有注释，便于新手使用和学习。本日期插件效果如上图所示...
ASP（JS）—日期时间控件
yfly13的专栏
08-04 8053
function cnVeryCalendar(){//Stylevar border_frame   = #468DDD;var border_inner   = #f6f6f6;var fore_frameCaption = #ffffff;var back_frameCaption = #468DDD;var fore_currentMonth = #ff0000
asp.net中的时间日期选择控件
热门推荐
CHCH998的博客
08-17 1万+
在系统中经常需要进行时间 日期选择（比如查询时间范围内的信息、填写日期等），使用 时间日期选择控件不仅能提高效率，而且不会写错格式！ 现把自己在.net项目中经常使用的一款 时间日期选
ASP.NET日期控件
weixin_33912445的博客
09-25 396
ASP.NET 使用My97DatePicker日期控件 首先要下载该控件的包，下载地址：http://pan.baidu.com/s/1Aa5gk 引用文件 <script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script> 目录详情 常规调用...
ASP.NET日历控件大全：经典款与农历显示
"asp.net日历控件大集合" 在ASP.NET开发中，日历控件是一种常见的用户界面元素，用于方便用户选择日期。本资源主要汇总了几款在ASP.NET环境中常用的日历控件，包括具有农历显示功能的选项，以满足不同的需求。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fpsky2000

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值