实用的中英文日期选择器，单击输入框即可弹出。
以下是程序代码&HTML&
&meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" /&
&meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" /&
&TITLE&有用的中英文日历,sky整理收集，站长特效欢迎您。&/TITLE&
function PopupCalendar(InstanceName)
///Global Tag
this.instanceName=InstanceN
///Properties
this.separator="-"
this.oBtnTodayTitle="Today"
this.oBtnCancelTitle="Cancel"
this.weekDaySting=new Array("S","M","T","W","T","F","S");
this.monthSting=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
this.Width=200;
this.currDate=new Date();
this.today=new Date();
this.startYear=1970;
this.endYear=2010;
this.divBorderCss="1px solid #BCD0DE";
this.tableBorderColor="#CCCCCC"
this.Init=CalendarI
this.Fill=CalendarF
this.Refresh=CalendarR
this.Restore=CalendarR
///HTMLObject
this.oTaget=
this.oPreviousCell=
this.sDIVID=InstanceName+"oDiv";
this.sTABLEID=InstanceName+"oTable";
this.sMONTHID=InstanceName+"oMonth";
this.sYEARID=InstanceName+"oYear";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarInit()
///Create panel
var sMonth,sYear
sMonth=this.currDate.getMonth();
sYear=this.currDate.getYear();
htmlAll="&div id='"+this.sDIVID+"' style='display:position:width:"+this.Width+";border:"+this.divBorderCss+";padding:2background-color:#FFFFFF'&";
htmlAll+="&div align='center'&";
htmloMonth="&select id='"+this.sMONTHID+"' onchange=CalendarMonthChange("+this.instanceName+") style='width:50%'&";
for(i=0;i&12;i++)
htmloMonth+="&option value='"+i+"'&"+this.monthSting[i]+"&/option&";
htmloMonth+="&/select&";
htmloYear="&select id='"+this.sYEARID+"' onchange=CalendarYearChange("+this.instanceName+") style='width:50%'&";
for(i=this.startYi&=this.endYi++)
htmloYear+="&option value='"+i+"'&"+i+"&/option&";
htmloYear+="&/select&&/div&";
htmloDayTable="&table id='"+this.sTABLEID+"' width='100%' border=0 cellpadding=0 cellspacing=1 bgcolor='"+this.tableBorderColor+"'&";
htmloDayTable+="&tbody bgcolor='#ffffff'style='font-size:13px'&";
for(i=0;i&=6;i++)
htmloDayTable+="&tr bgcolor='#98B8CD'&";
htmloDayTable+="&tr&";
for(j=0;j&7;j++)
htmloDayTable+="&td height='20' align='center' valign='middle' style='cursor:hand'&";
htmloDayTable+=this.weekDaySting[j]+"&/td&"
htmloDayTable+="&td height='20' align='center' valign='middle' style='cursor:hand'";
htmloDayTable+=" onmouseover=CalendarCellsMsOver("+this.instanceName+")";
htmloDayTable+=" onmouseout=CalendarCellsMsOut("+this.instanceName+")";
htmloDayTable+=" onclick=CalendarCellsClick(this,"+this.instanceName+")&";
htmloDayTable+=" &/td&"
htmloDayTable+="&/tr&";
htmloDayTable+="&/tbody&&/table&";
/// Today Button
htmloButton="&div align='center' style='padding:3px'&"
htmloButton+="&button style='width:40%;border:1px solid #BCD0DE;background-color:#cursor:hand'"
htmloButton+=" onclick=CalendarTodayClick("+this.instanceName+")&"+this.oBtnTodayTitle+"&/button& "
htmloButton+="&button style='width:40%;border:1px solid #BCD0DE;background-color:#cursor:hand'"
htmloButton+=" onclick=CalendarCancel("+this.instanceName+")&"+this.oBtnCancelTitle+"&/button& "
htmloButton+="&/div&"
htmlAll=htmlAll+htmloMonth+htmloYear+htmloDayTable+htmloButton+"&/div&";
document.write(htmlAll);
this.Fill();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarFill()
var sMonth,sYear,sWeekDay,sToday,oTable,currRow,MaxDay,sDaySn,sIndex,rowIndex,cellIndex,oSelectMonth,oSelectYear
sMonth=this.currDate.getMonth();
sYear=this.currDate.getYear();
sWeekDay=(new Date(sYear,sMonth,1)).getDay();
sToday=this.currDate.getDate();
oTable=document.all[this.sTABLEID];
currRow=oTable.rows[1];
MaxDay=CalendarGetMaxDay(sYear,sMonth);
oSelectMonth=document.all[this.sMONTHID]
oSelectMonth.selectedIndex=sM
oSelectYear=document.all[this.sYEARID]
for(i=0;i&oSelectYear.i++)
if(parseInt(oSelectYear.options[i].value)==sYear)oSelectYear.selectedIndex=i;
for(sDaySn=1,sIndex=sWeekDsIndex&=6;sDaySn++,sIndex++)
if(sDaySn==sToday)
currRow.cells[sIndex].innerHTML="&font color=red&&i&&b&"+sDaySn+"&/b&&/i&&/font&";
this.oPreviousCell=currRow.cells[sIndex];
currRow.cells[sIndex].innerHTML=sDaySn;
currRow.cells[sIndex].style.color="#666666";
CalendarCellSetCss(0,currRow.cells[sIndex]);
for(rowIndex=2;rowIndex&=6;rowIndex++)
if(sDaySn&MaxDay)
currRow=oTable.rows[rowIndex];
for(cellIndex=0;cellIndex&currRow.cells.cellIndex++)
if(sDaySn==sToday)
currRow.cells[cellIndex].innerHTML="&font color=red&&i&&b&"+sDaySn+"&/b&&/i&&/font&";
this.oPreviousCell=currRow.cells[cellIndex];
currRow.cells[cellIndex].innerHTML=sDaySn;
currRow.cells[cellIndex].style.color="#666666";
CalendarCellSetCss(0,currRow.cells[cellIndex]);
if(sDaySn&MaxDay)
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarRestore()
/// Clear Data
var oTable
oTable=document.all[this.sTABLEID]
for(i=1;i&oTable.rows.i++)
for(j=0;j&oTable.rows[i].cells.j++)
CalendarCellSetCss(0,oTable.rows[i].cells[j]);
oTable.rows[i].cells[j].innerHTML=" ";
function CalendarRefresh(newDate)
this.currDate=newD
this.Restore();
this.Fill();
function CalendarCellsMsOver(oInstance)
/// Cell MouseOver
var myCell
myCell=event.srcE
CalendarCellSetCss(0,oInstance.oPreviousCell);
if(myCell)
CalendarCellSetCss(1,myCell);
oInstance.oPreviousCell=myC
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarCellsMsOut(oInstance)
////// Cell MouseOut
var myCell
myCell=event.srcE
CalendarCellSetCss(0,myCell);
function CalendarCellsClick(oCell,oInstance)
var sDay,sMonth,sYear,newDate
sYear=oInstance.currDate.getFullYear();
sMonth=oInstance.currDate.getMonth();
sDay=oInstance.currDate.getDate();
if(oCell.innerText!=" ")
sDay=parseInt(oCell.innerText);
if(sDay!=oInstance.currDate.getDate())
newDate=new Date(sYear,sMonth,sDay);
oInstance.Refresh(newDate);
sDateString=sYear+oInstance.separator+CalendarDblNum(sMonth+1)+oInstance.separator+CalendarDblNum(sDay);
///return sDateString
if(oInstance.oTaget.tagName=="INPUT")
oInstance.oTaget.value=sDateS
document.all[oInstance.sDIVID].style.display="none";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarYearChange(oInstance)
/// Year Change
var sDay,sMonth,sYear,newDate
sDay=oInstance.currDate.getDate();
sMonth=oInstance.currDate.getMonth();
sYear=document.all[oInstance.sYEARID].value
newDate=new Date(sYear,sMonth,sDay);
oInstance.Refresh(newDate);
function CalendarMonthChange(oInstance)
/// Month Change
var sDay,sMonth,sYear,newDate
sDay=oInstance.currDate.getDate();
sMonth=document.all[oInstance.sMONTHID].value
sYear=oInstance.currDate.getYear();
newDate=new Date(sYear,sMonth,sDay);
oInstance.Refresh(newDate);
function CalendarTodayClick(oInstance)
/// "Today" button Change
oInstance.Refresh(new Date());
function getDateString(oInputSrc,oInstance)
if(oInputSrc&&oInstance)
CalendarDiv=document.all[oInstance.sDIVID];
oInstance.oTaget=oInputS
CalendarDiv.style.pixelLeft=CalendargetPos(oInputSrc,"Left");
CalendarDiv.style.pixelTop=CalendargetPos(oInputSrc,"Top")+oInputSrc.offsetH
CalendarDiv.style.display=(CalendarDiv.style.display=="none")?"":"none";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarCellSetCss(sMode,oCell)
/// Set Cell Css
// 0: OnMouserOut 1: OnMouseOver
oCell.style.border="1px solid #5589AA";
oCell.style.backgroundColor="#BCD0DE";
oCell.style.border="1px solid #FFFFFF";
oCell.style.backgroundColor="#FFFFFF";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarGetMaxDay(nowYear,nowMonth)
/// Get MaxDay of current month
var nextMonth,nextYear,currDate,nextDate,theMaxDay
nextMonth=nowMonth+1;
if(nextMonth&11)
nextYear=nowYear+1;
nextMonth=0;
nextYear=nowY
currDate=new Date(nowYear,nowMonth,1);
nextDate=new Date(nextYear,nextMonth,1);
theMaxDay=(nextDate-currDate)/(24*60*60*1000);
return theMaxD
function CalendargetPos(el,ePro)
/// Get Absolute Position
var ePos=0;
while(el!=null)
ePos+=el["offset"+ePro];
el=el.offsetP
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function CalendarDblNum(num)
if(num&10)
return "0"+
function CalendarCancel(oInstance)
CalendarDiv=document.all[oInstance.sDIVID];
CalendarDiv.style.display="none";
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
&a href="&#ZC_BLOG_HOST#&"&站长特效网&/a&,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。&hr&
&!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，,用.net打造靓站--&
var oCalendarEn=new PopupCalendar("oCalendarEn"); //初始化控件时,请给出实例名称如:oCalendarEn
oCalendarEn.Init();
var oCalendarChs=new PopupCalendar("oCalendarChs"); //初始化控件时,请给出实例名称:oCalendarChs
oCalendarChs.weekDaySting=new Array("日","一","二","三","四","五","六");
oCalendarChs.monthSting=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
oCalendarChs.oBtnTodayTitle="今天";
oCalendarChs.oBtnCancelTitle="取消";
oCalendarChs.Init();
　　　&input readonly type="text" name="dd" id="aa" onClick="getDateString(this,oCalendarEn)" value="English Version"&
　　　&input readonly type="text" name="dd" id="aa" onClick="getDateString(this,oCalendarChs)" value="中文界面版"&
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
( 08:06:56)
( 09:53:04)
( 01:00:08)
相关排行总榜jQuery弹出框按省市选择学校代码
相关最新源码
jQuery弹出框按省市选择学校代码基于jquery.1.6.4.min.js插件制作，点击input输入框弹出选择框显示学校名称，可按照省市来筛选学校，整个代码都是在一个网页内完成的，使用的时候也可以把js和css部分独立开整理，这样更加清晰。学校名称有全国各省、直辖市、自治区的学校，包括香港、澳门特别行政区和台湾省的学校名称。
&&&&&&&&&&&&&&&&&&&&&&&&&
源码下载地址boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
阅读：1262次&&&时间： 14:21:22&&
我们使用热门的jquery进行设计，同时我们选择效果比较优秀的boxy弹出插件进行扩展(关于boxy的相关资料，请参照张鑫旭博客/wordpress/?p=318)。下面介绍boxy作为选择器框架的应用。 　　对于选择器，相信用过招聘网站的人都不会陌生(就是那个点击就弹出的，选择行业、职位和地区的东西)，选择器难点就在于样式调试，主要针对的是IE6。这里介绍行业、职位和地区选择器，下载的Demo包含这三个选择器。 　　行业选择器：无关联，调用语句为Boxy.industry(value, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割)，callback为可定义回调函数，传入callback的值为行业选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。 调用例子：选择编号为1和2的行业，并且定义选择器标题为"行业类别选择器" 复制代码 代码如下: $("#industry").click(function() { Boxy.industry("1,2", function(val) { alert("你选择的是: " + val); }, { title: "行业类别选择器" });
职位选择器：二级联，调用语句为Boxy.job(value, shown, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割，以b开头表示选择职位大类，以s开头表示选择职位小类)，参数shown表示展示的职位大类的编号，参数callback为可定义回调函数，传入callback的值为职位选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。 调用例子：选择编号为1的职位小类，编号为2的职位大类，定义选择器的名称为职位类别选择器 复制代码 代码如下: $("#job").click(function() { Boxy.job("s1,b2", "2", function(val) { alert("你选择的是: " + val); }, { title: "职位类别选择器" });
职位选择器：三级联，调用语句为Boxy.area(value, shown, callback, options),参数value为已选定值编号集合(字符串类型，编号间以逗号分割，以p开头表示选择省份，以c开头表示选择城市，以d开头表示选择县区)，参数shown表示展示的地区的编号，参数callback为可定义回调函数，传入callback的值为地区选择器选中项的编号集合(字符串类型，编号间以逗号分割)，options为boxy插件可选参数。 调用例子：选择编号为1和2的县或区，定义选择器的名称为工作地区选择器 复制代码 代码如下: $("#city").click(function() { Boxy.area("d1,c7", "1,724", function(val) { alert("你选择的是: " + val); }, { title: "工作地区选择器" });
存在Bug： 　　1.IE6 checkbox的margin设置会走样，IE6的checkbox边框清空是无效的，但对其它浏览器是有效的，而且很多人喜欢全局设定input的margin/padding为零，为了统一样式，唯有不管IE6了。 　　2.IE8 环境下，css设置选项&a&的hover效果迟钝甚至没反应，其它浏览器不存在这个问题(包括IE6)，js代码解决也不是可取之道，代码hover反应还是有点慢。实在搞不懂IE8为什么会出现这种问题，知道的那位告诉我吧。 　　3.IE6下超长的选中项，显示的区域不够，在父标签中不会自动换行，而是在显示的选中项自身内部换行输出文字，造成样式走样。这个问题我也不知道怎么解决，谁知道告诉我吧。 　　4.暂时还没发现(可能大家会说IE6下确定按钮的hover效果，这个也不是什么bug，只是无关紧要的我懒得改，把标签该&a&就行了，不过实在不喜欢&a&，整天为IE6做无用功)。 　　优点： 　　1.当然是漂亮呗！ 　　2.三个选择器分别表示三种级联关系的选择器，大家可以直接修改Demo中的数据源，及主体框架中的文字，即可变作其它的选择器。 　　3.还有改进的空间，谁去把demo的css样式整合一下，发上来吧。 　　悄悄告诉大家，选择器的外框圆角效果是使用png图片实现的，如果想更改透明程度，唯有重做图片了，如果愿意撇开IE6的话，可以使用另一种常用的圆角方法(不用图片只用css样式)，方法已经写进boxy插件当中了(被我注释掉，包括样式文件)，还有一种圆角方法在demo的round-corner.html文件中也介绍了，ExtendedBoxy.html为选择器的demo文件。其它的两个关于Boxy的html文件可是张鑫旭同学写的哦，张同学博客/php/上可是有很多好东西的，大家有空上去看看吧。 　　Demo下载地址：
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
[商业源码]&
Copyright &
All Rights Reserved技术交流QQ群： 连续5天打卡或以上获取100积分。
您已连续打卡1天，获得20积分。
&>&&>&&>&>jquery text选择器点击事件弹出层选择学校value赋值
jquery text选择器点击事件弹出层选择学校value赋值
运行环境：IE6 IE7 IE8及以上 Firefox
jquery text文本框选择器特效，点击text文本框触发事件，弹出层让用户选择点击自己的学校text value赋值弹出层关闭。
分享获取积分：
一键分享轻松获得&&&20&&&积分下载
需要：20 积分
上一篇：下一篇：
下载：3311次
jquery masonry与infinitescroll两款瀑布流插件制作当下最流行的瀑布流图片展示实例，通过鼠标滚动图片无限加载的类似瀑布的效果的图片展示。用户可以无限浏览图片或内容无限加载瀑布流效果。
下载：1866次
jquery特效插件FancyBox弹出层支持多种方式弹出层如：图片弹出层、文字信息弹出层、flash弹出层、ajax弹出层、Iframe弹出层。
下载：2320次
jquery弹出层插件制作注册表单点击按钮弹出层表单提交效果，可支持拖到的jQuery弹出层效果。标题、高度、宽度等可以自定义弹出层插件。jQuery插件
下载：1714次
jquery tab插件制作多功能选项卡，鼠标滑过切换选项卡、鼠标点击切换选项卡、自动切换选项卡、支持数据回调功能，也可以与其他插件结合jquery.lazyload，制作选项卡切换图片延迟加载等优化浏览器功能。
下载：688次
jQuery选项卡特效制作选项卡标签上下带按钮控制滚动切换选项卡的形式，选项卡切换过程中，对应的选项卡图片内容异步加载显示。当选项卡切换到最后或最前面时会提示用户信息。
下载：498次
jquery表单美化插件制作用input text文本输入框模拟select单选下拉框特效，当点击text文本框或按钮是，弹出下拉菜单点击选择分类获取该valve值同时下拉菜单关闭。这样一种实用的模拟select框美化效果。
下载：2005次
javascript弹出层插件支持点击触发js弹出层，滑过触发js弹出层，带动画效果js弹出层，可自定义函数回调js弹出层。js代码。
下载：2193次
jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换。jquery下载。
共有条留言
热门网页特效