生日选择控件js源代码（生日快乐代码js特效）

本篇文章给大家谈谈生日选择控件js源代码，以及生日快乐代码js特效对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、jquery日期选择控件怎么写
• 2、Aspx页面JavaScript日期选择控件，谢谢！
• 3、jsp中用js实现日期和时间的选择
• 4、谁能帮我写个js验证生日

jquery日期选择控件怎么写

;!function(a){var b={path:"",defSkin:"",format:"YYYY-MM-DD",min:"1900-01-01 00:00:00",max:"2099-12-31 23:59:59",isv:!1},c={},d=document,e="createElement",f="getElementById",g="getElementsByTagName",h=["laydate_box","laydate_void","laydate_click","LayDateSkin","","abc.css"];a.laydate=function(b){b=b||{};try{a.event=a.event||laydate.caller.arguments[0]}catch(d){}return a.event(b.tagName=1),c.run(b),laydate},laydate.v="1.1",c.getPath=function(){var a=document.scripts,c=a[a.length-1].src;return b.path?b.path:c.substring(0,c.lastIndexOf("/")+1)}(),c.use=function(a,b){var f=d[e]("link");f.type="text/css",f.rel="stylesheet",f.href=c.getPath+a+h[5],b(f.id=b),d[g]("head")[0].appendChild(f),f=null},c.trim=function(a){return a=a||"",a.replace(/^\s|\s$/g,"").replace(/\s+/g," ")},c.digit=function(a){return 10a?"0"+(0|a):a},c.stopmp=function(b){return b=b||a.event,b.stopPropagation?b.stopPropagation():b.cancelBubble=!0,this},c.each=function(a,b){for(var c=0,d=a.length;dcb(c,a[c])!==!1;c++);},c.hasClass=function(a,b){return a=a||{},new RegExp("\\b"+b+"\\b").test(a.className)},c.addClass=function(a,b){return a=a||{},c.hasClass(a,b)||(a.className+=" "+b),a.className=c.trim(a.className),this},c.removeClass=function(a,b){if(a=a||{},c.hasClass(a,b)){var d=new RegExp("\\b"+b+"\\b");a.className=a.className.replace(d,"")}return this},c.removeCssAttr=function(a,b){var c=a.style;c.removeProperty?c.removeProperty(b):c.removeAttribute(b)},c.shde=function(a,b){a.style.display=b?"none":"block"},c.query=function(a){var e,b,h,i,j;return a=c.trim(a).split(" "),b=d[f](a[0].substr(1)),b?a[1]?/^\./.test(a[1])?(i=a[1].substr(1),j=new RegExp("\\b"+i+"\\b"),e=[],h=d.getElementsByClassName?b.getElementsByClassName(i):b[g]("*"),c.each(h,function(a,b){j.test(b.className)e.push(b)}),e[0]?e:""):(e=b[g](a[1]),e[0]?b[g](a[1]):""):b:void 0},c.on=function(b,d,e){return b.attachEvent?b.attachEvent("on"+d,function(){e.call(b,a.even)}):b.addEventListener(d,e,!1),c},c.stopMosup=function(a,b){"mouseup"!==ac.on(b,"mouseup",function(a){c.stopmp(a)})},c.run=function(a){var d,e,b=c.query;if(a.tagName){if(d=a.elem?b(a.elem):event.target||event.srcElement,!d||d===c.elem)return;c.view(d,a),c.stopMosup(event.type,d),c.reshow()}else{if(d=b(a.elem),!d)return;e=a.event||"click",c.each((0|d.length)0?d:[d],function(b,d){c.on(d,e,function(b){c.stopmp(b),d!==c.elem(c.view(d,a),c.reshow())}),c.stopMosup(e,d)})}},c.scroll=function(a){return a=a?"scrollLeft":"scrollTop",d.body[a]|d.documentElement[a]},c.winarea=function(a){return document.documentElement[a?"clientWidth":"clientHeight"]},c.isleap=function(a){return 0===a%40!==a%100||0===a%400},c.checkVoid=function(a,b,d){var e=[];return a=0|a,b=0|b,d=0|d,ac.mins[0]?e=["y"]:ac.maxs[0]?e=["y",1]:a=c.mins[0]a=c.maxs[0](a==c.mins[0](bc.mins[1]?e=["m"]:b==c.mins[1]dc.mins[2](e=["d"])),a==c.maxs[0](bc.maxs[1]?e=["m",1]:b==c.maxs[1]dc.maxs[2](e=["d",1]))),e},c.timeVoid=function(a,b){if(c.ymd[1]+1==c.mins[1]c.ymd[2]==c.mins[2]){if(0===bac.mins[3])return 1;if(1===bac.mins[4])return 1;if(2===bac.mins[5])return 1}else if(c.ymd[1]+1==c.maxs[1]c.ymd[2]==c.maxs[2]){if(0===bac.maxs[3])return 1;if(1===bac.maxs[4])return 1;if(2===bac.maxs[5])return 1}return a(b?59:23)?1:void 0},c.check=function(){var a=c.options.format.replace(/YYYY|MM|DD|hh|mm|ss/g,"\\d+\\").replace(/\\$/g,""),b=new RegExp(a),d=c.elem[h.elemv],e=d.match(/\d+/g)||[],f=c.checkVoid(e[0],e[1],e[2]);if(""!==d.replace(/\s/g,"")){if(!b.test(d))return c.elem[h.elemv]="",c.msg("日期不符合格式，请重新选择。"),1;if(f[0])return c.elem[h.elemv]="",c.msg("日期不在有效期内，请重新选择。"),1;f.value=c.elem[h.elemv].match(b).join(),e=f.value.match(/\d+/g),e[1]1?(e[1]=1,f.auto=1):e[1]12?(e[1]=12,f.auto=1):e[1].length2(f.auto=1),e[2]1?(e[2]=1,f.auto=1):e[2]c.months[(0|e[1])-1]?(e[2]=31,f.auto=1):e[2].length2(f.auto=1),e.length3(c.timeVoid(e[3],0)(f.auto=1),c.timeVoid(e[4],1)(f.auto=1),c.timeVoid(e[5],2)(f.auto=1)),f.auto?c.creation([e[0],0|e[1],0|e[2]],1):f.value!==c.elem[h.elemv](c.elem[h.elemv]=f.value)}},c.months=[31,null,31,30,31,30,31,31,30,31,30,31],c.viewDate=function(a,b,d){var f=(c.query,{}),g=new Date;a(0|c.mins[0])(a=0|c.mins[0]),a(0|c.maxs[0])(a=0|c.maxs[0]),g.setFullYear(a,b,d),f.ymd=[g.getFullYear(),g.getMonth(),g.getDate()],c.months[1]=c.isleap(f.ymd[0])?29:28,g.setFullYear(f.ymd[0],f.ymd[1],1),f.FDay=g.getDay(),f.PDay=c.months[0===b?11:b-1]-f.FDay+1,f.NDay=1,c.each(h.tds,function(a,b){var g,d=f.ymd[0],e=f.ymd[1]+1;b.className="",af.FDay?(b.innerHTML=g=a+f.PDay,c.addClass(b,"laydate_nothis"),1===e(d-=1),e=1===e?12:e-1):a=f.FDayaf.FDay+c.months[f.ymd[1]]?(b.innerHTML=g=a-f.FDay+1,a-f.FDay+1===f.ymd[2](c.addClass(b,h[2]),f.thisDay=b)):(b.innerHTML=g=f.NDay++,c.addClass(b,"laydate_nothis"),12===e(d+=1),e=12===e?1:e+1),c.checkVoid(d,e,g)[0]c.addClass(b,h[1]),c.options.festivalc.festival(b,e+"."+g),b.setAttribute("y",d),b.setAttribute("m",e),b.setAttribute("d",g),d=e=g=null}),c.valid=!c.hasClass(f.thisDay,h[1]),c.ymd=f.ymd,h.year.value=c.ymd[0]+"年",h.month.value=c.digit(c.ymd[1]+1)+"月",c.each(h.mms,function(a,b){var d=c.checkVoid(c.ymd[0],(0|b.getAttribute("m"))+1);"y"===d[0]||"m"===d[0]?c.addClass(b,h[1]):c.removeClass(b,h[1]),c.removeClass(b,h[2]),d=null}),c.addClass(h.mms[c.ymd[1]],h[2]),f.times=[0|c.inymd[3]||0,0|c.inymd[4]||0,0|c.inymd[5]||0],c.each(new Array(3),function(a){c.hmsin[a].value=c.digit(c.timeVoid(f.times[a],a)?0|c.mins[a+3]:0|f.times[a])}),c[c.valid?"removeClass":"addClass"](h.ok,h[1])},c.festival=function(a,b){var c;switch(b){case"1.1":c="元旦";break;case"3.8":c="妇女";break;case"4.5":c="清明";break;case"5.1":c="劳动";break;case"6.1":c="儿童";break;case"9.10":c="教师";break;case"10.1":c="国庆"}c(a.innerHTML=c),c=null},c.viewYears=function(a){var b=c.query,d="";c.each(new Array(14),function(b){d+=7===b?"li "+(parseInt(h.year.value)===a?'class="'+h[2]+'"':"")+' y="'+a+'"'+a+"年/li":'li y="'+(a-7+b)+'"'+(a-7+b)+"年/li"}),b("#laydate_ys").innerHTML=d,c.each(b("#laydate_ys li"),function(a,b){"y"===c.checkVoid(b.getAttribute("y"))[0]?c.addClass(b,h[1]):c.on(b,"click",function(a){c.stopmp(a).reshow(),c.viewDate(0|this.getAttribute("y"),c.ymd[1],c.ymd[2])})})},c.initDate=function(){var d=(c.query,new Date),e=c.elem[h.elemv].match(/\d+/g)||[];e.length3(e=c.options.start.match(/\d+/g)||[],e.length3(e=[d.getFullYear(),d.getMonth()+1,d.getDate()])),c.inymd=e,c.viewDate(e[0],e[1]-1,e[2])},c.iswrite=function(){var a=c.query,b={time:a("#laydate_hms")};c.shde(b.time,!c.options.istime),c.shde(h.oclear,!("isclear"in c.options?c.options.isclear:1)),c.shde(h.otoday,!("istoday"in c.options?c.options.istoday:1)),c.shde(h.ok,!("issure"in c.options?c.options.issure:1))},c.orien=function(a,b){var d,e=c.elem.getBoundingClientRect();a.style.left=e.left+(b?0:c.scroll(1))+"px",d=e.bottom+a.offsetHeight/1.5=c.winarea()?e.bottom-1:e.topa.offsetHeight/1.5?e.top-a.offsetHeight+1:c.winarea()-a.offsetHeight,a.style.top=d+(b?0:c.scroll())+"px"},c.follow=function(a){c.options.fixed?(a.style.position="fixed",c.orien(a,1)):(a.style.position="absolute",c.orien(a))},

Aspx页面JavaScript日期选择控件，谢谢！

你是什么问题没解决?是点击文本框出不来日期控件呢,还是选择了某个日期没显示在文本框中,还是显示的样式不对?

如果是没弹出日期控件的话,建议你去下个Calendar.js文件,然后在要用此页面里引用该文件,script src="calendar.js" type="text/javascript"/script

并在asp.TextBox....控件里添加一个 onclick="calendar();"就OK 了.

显示的话就更简单了,如果是在前台就var begintime = document.getElementById("%=TextBox1.ClientID %").value;获得值,如果在后台就是:Textbox1.Text;获得值

jsp中用js实现日期和时间的选择

MessageDigest digest = MessageDigest.getInstance("MD5");

digest.update("dinghua".getBytes());

String pwd = new String(digest.digest());

%@page pageEncoding="utf-8"%

html

head

titleJS日期选择器/title

script type="text/javascript"

function HS_DateAdd(interval,number,date){

number = parseInt(number);

if (typeof(date)=="string"){var date = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2])}

if (typeof(date)=="object"){var date = date}

switch(interval){

case "y":return new Date(date.getFullYear()+number,date.getMonth(),date.getDate()); break;

case "m":return new Date(date.getFullYear(),date.getMonth()+number,checkDate(date.getFullYear(),date.getMonth()+number,date.getDate())); break;

case "d":return new Date(date.getFullYear(),date.getMonth(),date.getDate()+number); break;

case "w":return new Date(date.getFullYear(),date.getMonth(),7*number+date.getDate()); break;

}

}

function checkDate(year,month,date){

var enddate = ["31","28","31","30","31","30","31","31","30","31","30","31"];

var returnDate = "";

if (year%4==0){enddate[1]="29"}

if (dateenddate[month]){returnDate = enddate[month]}else{returnDate = date}

return returnDate;

}

function WeekDay(date){

var theDate;

if (typeof(date)=="string"){theDate = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2]);}

if (typeof(date)=="object"){theDate = date}

return theDate.getDay();

}

function HS_calender(){

var lis = "";

var style = "";

style +="style type='text/css'";

style +=".calender { width:170px; height:auto; font-size:12px; margin-right:14px; background:url(calenderbg.gif) no-repeat right center #fff; border:1px solid #397EAE; padding:1px}";

style +=".calender ul {list-style-type:none; margin:0; padding:0;}";

style +=".calender .day { background-color:#EDF5FF; height:20px;}";

style +=".calender .day li,.calender .date li{ float:left; width:14%; height:20px; line-height:20px; text-align:center}";

style +=".calender li a { text-decoration:none; font-family:Tahoma; font-size:11px; color:#333}";

style +=".calender li a:hover { color:#f30; text-decoration:underline}";

style +=".calender li a.hasArticle {font-weight:bold; color:#f60 !important}";

style +=".lastMonthDate, .nextMonthDate {color:#bbb;font-size:11px}";

style +=".selectThisYear a, .selectThisMonth a{text-decoration:none; margin:0 2px; color:#000; font-weight:bold}";

style +=".calender .LastMonth, .calender .NextMonth{ text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:16px;}";

style +=".calender .LastMonth { float:left;}";

style +=".calender .NextMonth { float:right;}";

style +=".calenderBody {clear:both}";

style +=".calenderTitle {text-align:center;height:20px; line-height:20px; clear:both}";

style +=".today { background-color:#ffffaa;border:1px solid #f60; padding:2px}";

style +=".today a { color:#f30; }";

style +=".calenderBottom {clear:both; border-top:1px solid #ddd; padding: 3px 0; text-align:left}";

style +=".calenderBottom a {text-decoration:none; margin:2px !important; font-weight:bold; color:#000}";

style +=".calenderBottom a.closeCalender{float:right}";

style +=".closeCalenderBox {float:right; border:1px solid #000; background:#fff; font-size:9px; width:11px; height:11px; line-height:11px; text-align:center;overflow:hidden; font-weight:normal !important}";

style +="/style";

var now;

if (typeof(arguments[0])=="string"){

selectDate = arguments[0].split("-");

var year = selectDate[0];

var month = parseInt(selectDate[1])-1+"";

var date = selectDate[2];

now = new Date(year,month,date);

}else if (typeof(arguments[0])=="object"){

now = arguments[0];

}

var lastMonthEndDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+now.getMonth()+"-01").getDate();

var lastMonthDate = WeekDay(now.getFullYear()+"-"+now.getMonth()+"-01");

var thisMonthLastDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-01");

var thisMonthEndDate = thisMonthLastDate.getDate();

var thisMonthEndDay = thisMonthLastDate.getDay();

var todayObj = new Date();

today = todayObj.getFullYear()+"-"+todayObj.getMonth()+"-"+todayObj.getDate();

for (i=0; ilastMonthDate; i++){ // Last Month's Date

lis = "li class='lastMonthDate'"+lastMonthEndDate+"/li" + lis;

lastMonthEndDate--;

}

for (i=1; i=thisMonthEndDate; i++){ // Current Month's Date

if(today == now.getFullYear()+"-"+now.getMonth()+"-"+i){

var todayString = now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-"+i;

lis += "lia href=javascript:void(0) class='today' onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'"+i+"/a/li";

}else{

lis += "lia href=javascript:void(0) onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'"+i+"/a/li";

}

}

var j=1;

for (i=thisMonthEndDay; i6; i++){ // Next Month's Date

lis += "li class='nextMonthDate'"+j+"/li";

j++;

}

lis += style;

var CalenderTitle = "a href='javascript:void(0)' class='NextMonth' onclick=HS_calender(HS_DateAdd('m',1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Next Month'»/a";

CalenderTitle += "a href='javascript:void(0)' class='LastMonth' onclick=HS_calender(HS_DateAdd('m',-1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Previous Month'«/a";

CalenderTitle += "span class='selectThisYear'a href='javascript:void(0)' onclick='CalenderselectYear(this)' title='Click here to select other year' "+now.getFullYear()+"/a/span年span class='selectThisMonth'a href='javascript:void(0)' onclick='CalenderselectMonth(this)' title='Click here to select other month'"+(parseInt(now.getMonth())+1).toString()+"/a/span月";

if (arguments.length1){

arguments[1].parentNode.parentNode.getElementsByTagName("ul")[1].innerHTML = lis;

arguments[1].parentNode.innerHTML = CalenderTitle;

}else{

var CalenderBox = style+"div class='calender'div class='calenderTitle'"+CalenderTitle+"/divdiv class='calenderBody'ul class='day'li日/lili一/lili二/lili三/lili四/lili五/lili六/li/ulul class='date' id='thisMonthDate'"+lis+"/ul/divdiv class='calenderBottom'a href='javascript:void(0)' class='closeCalender' onclick='closeCalender(this)'×/aspanspana href=javascript:void(0) onclick='_selectThisDay(this)' title='"+todayString+"'Today/a/span/span/div/div";

return CalenderBox;

}

}

function _selectThisDay(d){

var boxObj = d.parentNode.parentNode.parentNode.parentNode.parentNode;

boxObj.targetObj.value = d.title;

boxObj.parentNode.removeChild(boxObj);

}

function closeCalender(d){

var boxObj = d.parentNode.parentNode.parentNode;

boxObj.parentNode.removeChild(boxObj);

}

function CalenderselectYear(obj){

var opt = "";

var thisYear = obj.innerHTML;

for (i=1970; i=2020; i++){

if (i==thisYear){

opt += "option value="+i+" selected"+i+"/option";

}else{

opt += "option value="+i+""+i+"/option";

}

}

opt = "select onblur='selectThisYear(this)' onchange='selectThisYear(this)' style='font-size:11px'"+opt+"/select";

obj.parentNode.innerHTML = opt;

}

function selectThisYear(obj){

HS_calender(obj.value+"-"+obj.parentNode.parentNode.getElementsByTagName("span")[1].getElementsByTagName("a")[0].innerHTML+"-1",obj.parentNode);

}

function CalenderselectMonth(obj){

var opt = "";

var thisMonth = obj.innerHTML;

for (i=1; i=12; i++){

if (i==thisMonth){

opt += "option value="+i+" selected"+i+"/option";

}else{

opt += "option value="+i+""+i+"/option";

}

}

opt = "select onblur='selectThisMonth(this)' onchange='selectThisMonth(this)' style='font-size:11px'"+opt+"/select";

obj.parentNode.innerHTML = opt;

}

function selectThisMonth(obj){

HS_calender(obj.parentNode.parentNode.getElementsByTagName("span")[0].getElementsByTagName("a")[0].innerHTML+"-"+obj.value+"-1",obj.parentNode);

}

function HS_setDate(inputObj){

var calenderObj = document.createElement("span");

calenderObj.innerHTML = HS_calender(new Date());

calenderObj.style.position = "absolute";

calenderObj.targetObj = inputObj;

inputObj.parentNode.insertBefore(calenderObj,inputObj.nextSibling);

}

/script

style

body {font-size:12px}

td {text-align:center}

h1 {font-size:26px;}

h4 {font-size:16px;}

em {color:#999; margin:0 10px; font-size:11px; display:block}

/style

/head

body

h1Date Picker Demo By Codefans.net/h1

h4 style="border-bottom:1px solid #ccc"ver:1.0/h4

table border="1" width="400" height="150"

tr

td这是示例文字/td

td示例输入框/td

td文本文本文本/td

/tr

tr

td示例输入框/td

tdinput type="text" style="width:70px" onfocus="HS_setDate(this)"文本/td

td这里是你的文字/td

/tr

tr

td一段文字/td

td示例输入框/td

td文本input type="text" style="width:70px" onfocus="HS_setDate(this)"文本/td

/tr

/table

ul

li它不需要其他框架类支持/li

li支持多种浏览器/li

li点击年份、月份可下拉选择/li

/ul

/body

/html

谁能帮我写个js验证生日

//收集表单里的数据,函数名

function xxx

{

var birth=xxx;//这个是你从表单获得的日期

var birthPattern = /\d{4}-\d{2}-\d{2}/;

if(!birthPattern.test(birth)){

errorMessage += "The correct form of your birthday should be yyyy-mm-dd.\n";

document.getElementById("birth").value = "";

}

else if((checkDate(birth)==false)||(birth.length10)){

errorMessage += "Your should enter a logical date.\n";

document.getElementById("birth").value = "";

}

}

//检查日期合法性

function checkDate(s){

var year = s.substr(0,4);

var month = s.substr(5,2);

var date = s.substr(8,2);

var today = new Date();

var curYear = today.getFullYear();

var curMonth = today.getMonth() + 1;

var curDate = today.getDate();

var s1 = parseInt(year);

var s2 = parseInt(month);

var s3 = parseInt(date);

var lunar = (s1%400==0)||((s1%100!=0)(s1%4==0))

if((s1curYear)||(s11949)||(s1==1949 s210))

return false;

else if((s1==curYear)(s2curMonth))

return false;

else if((s1==curYear)(s2curMonth)(s3curDate))

return false;

else if(s331)

return false;

else if(s3=31){

if((lunar==false)(s2==2)(s328))

return false;

if((lunar)(s2==2)(s329))

return false;

if((s2==4 || s2==6 || s2==9 || s2==11) (s330))

return false;

}

else

return true;

}

用的时候根据情况改改变量名函数名就行了.

关于生日选择控件js源代码和生日快乐代码js特效的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。