<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD id=Head><TITLE>JS日历控件集合----附效果图、源代码 - 停留的风 - 博客园</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META id=metaKeywords content=JS日历控件集合,附效果图,源代码 name=keywords>
<META content=六种漂亮实用的JS日历控件，日期的输入变得如此简单，定能给你的系统带来惊喜。有效果图，附有源代码及实例源代码，可直接运行。
name=description><LINK id=CommondCss
href="http://www.cnblogs.com/css/common.css" type=text/css rel=stylesheet><LINK
id=MainCss href="http://www.cnblogs.com/Skins/KJC/style.css" type=text/css
rel=stylesheet><LINK id=CommondCss2
href="http://www.cnblogs.com/css/common2.css" type=text/css rel=stylesheet><LINK
id=RSSLink title=RSS href="http://www.cnblogs.com/yank/rss"
type=application/rss+xml rel=alternate>
<SCRIPT src="/Script/common.js" type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.6000.16705" name=GENERATOR></HEAD>
<BODY>
<FORM id=Form1 name=Form1 onsubmit="javascript:return WebForm_OnSubmit();"
action=1267746.html method=post>
<DIV><INPUT id=__EVENTTARGET type=hidden name=__EVENTTARGET> <INPUT
id=__EVENTARGUMENT type=hidden name=__EVENTARGUMENT> <INPUT
id=" __VIEWSTATE" type=hidden name=__VIEWSTATE> </DIV>
<SCRIPT type=text/javascript>
//<![CDATA[
var theForm = document.forms['Form1'];
if (!theForm) {
theForm = document.Form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</SCRIPT>
<SCRIPT
src="/WebResource.axd?d=PyW-m2hLmppJ9byT1bYEqw2&t=633363616222850001"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript>
function ctlent(evt,id)
{
if(evt.ctrlKey && evt.keyCode == 13)
{
try
{
TempSave(id);
}
catch(ex)
{
}
finally
{
__doPostBack('AjaxHolder$PostComment$btnSubmit','')
}
}
}</SCRIPT>
<SCRIPT language=JavaScript>function SetReplyAuhor(author){document.getElementById('AjaxHolder_PostComment_tbComment').value+="@"+author+"\n";document.getElementById('AjaxHolder_PostComment_tbComment').focus();return false}</SCRIPT>
<SCRIPT
src="/ScriptResource.axd?d=keXr1l0ODizNGwpG5umihnLbiZlZFmnBNv9PADikeydJNFn_nnzWP6nCtj5LEvCjoGqazIbHl5iuU6pakvSNXw2&t=633363616222850001"
type=text/javascript></SCRIPT>
<SCRIPT
src="/ScriptResource.axd?d=keXr1l0ODiwWLTaLPM0Wf405seaw-kJY_J94dRUexb3hftiy5dT0X5GxWLiqANj30&t=633065726460000000"
type=text/javascript></SCRIPT>
<SCRIPT
src="/ScriptResource.axd?d=keXr1l0ODiwWLTaLPM0Wf405seaw-kJY_J94dRUexb1YLr7RQriMsNXsDWOxc8wQub8O_qeSuZ41&t=633065726460000000"
type=text/javascript></SCRIPT>
<SCRIPT src="../../../../../WS/AjaxWS.asmx/js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</SCRIPT>
<TABLE class=Framework cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD colSpan=3>
<DIV id=top>
<TABLE cellSpacing=0 cellPadding=10>
<TBODY>
<TR>
<TD noWrap>
<H1><A class=headermaintitle id=Header1_HeaderTitle
href="http://www.cnblogs.com/yank/">停留的风</A></H1></TD></TR></TBODY></TABLE></DIV>
<DIV id=sub>
<DIV id=sub-right>
<DIV class=BlogStats>posts - 100, comments - 169, trackbacks - 3, articles
- 27</DIV></DIV> :: <A id=Header1_MyLinks1_MyHomeLink
href="http://www.cnblogs.com/yank/">首页</A> :: <A
id=Header1_MyLinks1_NewPostLink
href="http://www.cnblogs.com/yank/admin/EditPosts.aspx?opt=1">新随笔</A> ::
<A id=Header1_MyLinks1_ContactLink accessKey=9
href="http://www.cnblogs.com/yank/contact.aspx?id=1">联系</A> :: <A
id=Header1_MyLinks1_Syndication
href="http://www.cnblogs.com/yank/rss">订阅</A> <A class=XMLLink
id=Header1_MyLinks1_XMLLink href="http://www.cnblogs.com/yank/rss"><IMG
style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px"
alt=订阅 src="http://www.cnblogs.com/images/xml.gif"></A> :: <A
id=Header1_MyLinks1_Admin
href="http://www.cnblogs.com/yank/admin/EditPosts.aspx">管理</A>
</DIV></TD></TR>
<TR>
<TD class=LeftCell>
<DIV id=leftmenu></DIV></TD>
<TD class=MainCell>
<DIV id=main>
<SCRIPT type=text/javascript>
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('AjaxHolder$scriptmanager1', document.getElementById('Form1'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tAjaxHolder$UpdatePanel1'], [], [], 90);
//]]>
</SCRIPT>
<DIV class=post>
<DIV class=posthead>
<H2><A class=singleposttitle id=AjaxHolder_ctl01_TitleUrl
href="http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html">JS日历控件集合----附效果图、源代码</A>
</H2>Posted on 2008-08-14 13:11 <A
href="http://www.cnblogs.com/yank/">停留的风</A> 阅读(3209) <A
href="#Post">评论(13)</A> <A
href="http://www.cnblogs.com/yank/admin/EditPosts.aspx?postid=1267746">编辑</A>
<A href="http://www.cnblogs.com/yank/AddToFavorite.aspx?id=1267746">收藏</A>
<A onclick="PutInWz();return false;" href="#">网摘</A> 所属分类: <A
href="http://www.cnblogs.com/yank/category/101431.html">Asp.net</A> 、<A
href="http://www.cnblogs.com/yank/category/110293.html">工作经历</A> <IMG
height=1
src="http://www.cnblogs.com/yank/aggbug/1267746.html?type=1&webview=1"
width=1> <!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
<rdf:Description
rdf:about="http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html"
dc:identifier="http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html"
dc:title="JS日历控件集合----附效果图、源代码"
trackback:ping="http://www.cnblogs.com/yank/services/trackbacks/1267746.aspx" />
</rdf:RDF>
--></DIV>
<DIV class=postbody>
<P>
在进行开发的过程中，经常需要输入时间，特别是在进行查询、统计的时候，时间限定更为重要。</P>
<P>
尽管ASP.NET也集成了日历控件，但是其集成的代码量很大，你可以做一个测试，当你在页面使用一个日历控件时，在发布之后查看该页面的源代码，你会惊奇发现，日历控件的代码量很庞大，这就大大增加的带宽的开销，每当一个客户端请求这个页面，服务器都要将如此庞大的代码进行发送，使得服务器负担加重。而且，ASP.NET集成的日历控件用起来不是很方便，其效果并非我们所想要。所以，大部分人还是选择了JS日历控件，也有很多人从事这方面的研究。在这里将我收藏的几种JS日历控件推荐给大家，附有JS源代码，希望给你带来一丝帮助。</P>
<P><STRONG><1>清新版</STRONG> <A title=源代码
href="http://files.cnblogs.com/yank/Calendar/Calendar1.rar">源代码</A> ，效果图：</P>
<P> <IMG height=232 alt=""
src="http://images.cnblogs.com/cnblogs_com/yank/Calendar/Calendar1.jpg"
width=237 border=0></P>
<P><STRONG><2>海洋版</STRONG> <A title=源代码
href="http://files.cnblogs.com/yank/Calendar/Calendar2.rar">源代码</A>，效果图：</P>
<P> <IMG height=240 alt=""
src="http://images.cnblogs.com/cnblogs_com/yank/Calendar/Calendar2.jpg"
width=218 border=0></P>
<P><STRONG><
JS日期控件集合.rar （29个子文件） 
Calendar Calendar 
Calendar6.aspx.cs 413B Calendar5.aspx.cs 419B Calendar5.aspx 1KB Calendar2.aspx.cs 419B Calendar1.aspx 622B Calendar4.aspx.cs 419B Calendar3.aspx.cs 419B Calendar1.aspx.cs 419B Calendar6.aspx 946B Calendar2.aspx 673B Calendar4.aspx 849B Calendar3.aspx 1KB Web.config 2KB JS日历控件集合----附效果图、源代码.htm 79KB JS Calendar6.js 18KB
Calendar1.rar 6KB JScript.js 28KB Calendar5.js 17KB Calendar2.js 28KB Calendar5.rar 5KB Calendar4.js 16KB Calendar1.js 21KB Calendar4.rar 5KB Calendar6.rar 4KB Calendar3.js 15KB Calendar2.rar 7KB Calendar3.rar 4KB App_Data Default.aspx 446B Default.aspx.cs 380B资源评论
pyu55552012-08-06不是只选择到月分，不要日期的
