js日期选择是自动填充到输入框(界面美观兼容Firefox)

js日期选择是自动填充到输入框(界面美观兼容Firefox)
复制代码代码如下所示:
非常漂亮,兼容Firefox的js日期选择,自动填充输入框。
体{字体大小:12px;字体:宋体,Verdana,宋体;}
一:链接{颜色:# 464646;文字装饰:无;}
一:参观{颜色:# 464646;文字装饰:无;}
答:悬停{颜色:# ed145b;文字装饰:下划线;}
一:主动{颜色:# ed145b;文字装饰:下划线;}
TD {字体大小:12px }

/ * datecss风格。
。头{字体:12px宋体,宋体!字体重:粗体!重要的;字体:11px 11px,L;T;T;T;T;;
}
。头TD {填充左:10px;}
。头一{颜色:# 154ba0;}
。标题输入{背景:无;垂直对齐:中;身高:16px;}
。类{字体:12px宋体,宋体!重要的;字体:11px宋体,宋体;颜色:# 92a05a;
。类TD {底部边框:1px solid # dedeb8;}
。到期,到期:链接。,。到期:参观{颜色:# 999999;}
默认情况下,默认的链接。:,。默认:参观{颜色:# 000000;}
检查。检查:检查:访问链接,,{颜色:# FF0000;}
今天。今天:链接。今天参观了{:颜色:# 00bb00;}
# calendar_year {显示:无;线高度:130%;背景:# ffffff;位置:绝对;Z指数:10;}
# calendar_year.col {浮动:左;背景:# ffffff;margin-left: 1px;边框1px solid # 86b9d6;};}
# calendar_month {显示:无;背景:# ffffff;线高度:130%;border: 1px solid # 86b9d6;填充:4px;11;}
。tableborder {背景:白色;边框1px solid # 86b9d6;}
#年,#月{填充右:10px;}
如果您有页面,则下面的代码片段可以删除
VaR即=导航。修改= =微软Internet Explorer的真的假;
函数$(objId){
返回document.getelementbyid(objId);
}
VaR controlID = null;
无功currdate = null;
VaR StartDate = null;
VaR EndDate = null;
var =空值;
var = null;
var = null;
var = null;
无功currday = null;
var增加=假;
var =新日期();
无功lastcheckedyear = false;
无功lastcheckedmonth = false;
功能_cancelbubble(事件){
e window.event事件事件;
如果({){
e.cancelbubble =真;
{人}
e.stoppropagation();
}
}
功能getposition(obj){
新数组();
R { } = obj.offsetleft x;
{ } = obj.offsettop R Y;
而(obj = obj。offsetparent){
R { } = obj.offsetleft x;
{ } = obj.offsettop R Y;
}
返回R;
}
功能loadcalendar(){
=;
+;
如果(如果)
{
+;
}
+;
X
泵;
123456;
对于(var i = 0;i < 6;i + +){
+;
对于(var j=1;j<7;j + +)
s=0 ;
=;
}
S = 2323:补零(这个值);controlID。值= controlid.value.replace( / D +( / IG,这个价值+ D +)1元>)5959:补零(这个值);controlID controlid.value.replace。值=(( D + ) / / Ig D +,$ 1 +,值)>;
s =;
+;
对于(var = 1930;k<2019;k + +){
s = 1930 = 10!K:‘0';
+;
}
+;
+;
对于(var = 1;k<12;k + +){
的钾(K + =;
}
+;
无功nelement = document.createelement(div);
nelement .innerHTML = S;
document.getelementsbytagname(体){ 0 }。appendChild(nelement);
/ / document.write(S);
onclick =函数(事件){
$('calendar)。Style.display =不关;
$('calendar_year)。Style.display =不关;
$('calendar_month)。Style.display =不关;
}
$('calendar)。Onclick =函数(事件){
_cancelbubble(事件);
$('calendar_year)。Style.display =不关;
$('calendar_month)。Style.display =不关;
}
}
功能parsedate(s){
((+)+)(- +)-( +);
VaR M1 =(regexp。1美元1美元1899正则表达式>表达式。。1美元< 2101)parseFloat(regexp。1美元):today.getfullyear();
VaR M2 =(regexp。2美元(regexp。2美元2美元0正则表达式>,< 13))parseFloat(regexp。2美元):today.getmonth()+ 1;
var m3 =(regexp。3美元(regexp。3美元3美元0正则表达式>,< 32))parseFloat(regexp。3美元):today.getdate();
VaR M4 =(regexp。4美元(regexp。4美元> 1 regexp。4美元< 24))parseFloat(regexp。4美元):0;
VaR M5 =(regexp。5美元(regexp。5美元> 1 regexp。5美元< 60))parseFloat(regexp。5美元):0;
/( D +)-( D +)-( D +)*( d):( d) /。exec(0000-00-00 00 00 );
返回新的日期(M1,M2 - 1,M3,M4,M5);
}
作用时间(D){
$('calendar)。Style.display =不关;
controlid.value = YY +-+补零(mm + 1)+-+补零(D)+(增加+补零($('hour)。值)+:+补零($('hour)::)。
}
功能showcalendar(事件、controlid1,addtime1,startdate1,enddate1){
controlid1 controlID =;
addtime1增加=;
开始日期= startdate1 parsedate(startdate1):假;
EndDate = enddate1 parsedate(enddate1):假;
currday = controlid.value parsedate(controlID。值):今天;
HH = currday.gethours();
二= currday.getminutes();
VaR(P = getposition controlID);
$('calendar)。Style.display =阻止;
$('calendar)。style.left = P { x } + 'px;
$('calendar)。Style.top =(P { Y } + 20)+ 'px;
_cancelbubble(事件);
Refreshcalendar(currday.getfullyear(),currday.getmonth());
如果(lastcheckedyear!= false){
$('calendar_year_ +类名= 'default lastcheckedyear)。;
$('calendar_year_ + today.getfullyear())。类名=今天的;
}
如果(lastcheckedmonth!= false){
$('calendar_month_ +类名= 'default lastcheckedmonth)。;
$('calendar_month_ +((today.getmonth()+ 1)=今天的类名);
}
$('calendar_year_ + currday.getfullyear())= 'checked类名;
$('calendar_month_ +((currday.getmonth()+ 1)= 'checked类名)。;
$('hourminute)。Style.display =增加:不关;
lastcheckedyear = currday.getfullyear();
lastcheckedmonth = currday.getmonth()+ 1;
}
功能refreshcalendar(Y,M){
新日期(y,m,1);
VaR MV = x.getday();
var a x.getdate();
var = null;
YY = x.getfullyear();
x.getmonth毫米=();
$(年).innerHTML = YY;
$(月).innerHTML =毫米+ 1 > 9(毫米1):0+(mm±1);
对于(var i = 1;i < mv;i + +){
= $()i;
dd.innerhtml = ;
dd.classname = ;
}
(而)(x.getmonth = =毫米){
= $(+(+ + mv));
dd.innerhtml =+ +;
如果(x.gettime)(结束日期,时间)(| |)(日期)(x.gettime)(<日期,时间)){
dd.classname = 'expire;
{人}
dd.classname = 'default;
}
如果(x.getfullyear)(今天。返回完整年份)(x.getmonth)(= = = =(今天。获得当前的月份)x.getdate(今天。getdate)){(= =)
今天的dd.classname =;
dd.firstchild.title =今天;
}
如果(x.getfullyear)(currday。返回完整年份)(x.getmonth)(= = = =(currday。获得当前的月份)x.getdate(currday。getdate)){(= =)
dd.classname = 'checked;
}
X.setDate(+ + D);
}
当(d + mv mv < 42){
= $(+(+ + mv));
dd.innerhtml = ;
++;
}
如果(增加){
$('hour)。值为零(HH);
$('minute)。值为零(II);
}
}
功能showdiv(ID){
var p = getposition($(id));
$('calendar_ + ID)。style.left = P { x } + 'px;
$('calendar_ + ID)。Style.top =(P { Y } + 16)+ 'px;
$('calendar_ + Style.display =阻止的ID);
}
功能补零(s){
var = parseFloat(s.tostring(更换)((^ { S0 } +)/( + $)/ g,| '));
S = isnan(S)0:S;
返回(S<10 '0 ':')+ s.tostring();
}
Loadcalendar();

用法:请选择日期:
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部