Javaｓｃｒｉｐｔ实现的日期控件的特定代码
复制代码代码如下所示：<！——
。WR {字体大小：12pt；线高度：22px }
。WR1 { FONT-SIZE: 12px；line-height：200% }
。WR2 { FONT-SIZE: 14px；line-height：200% }
wr3 { FONT-SIZE: 12px }。
。wr4 { FONT-SIZE: 12px；line-height：150% }
日期自动输入控制
{日期选择器
显示：无；
位置：绝对；
背景：# f1f1f1；
左：40px；
上图：40px；
边境上：4px固体# 3879d9；
}
日期选择器
边境：1px solid # DDD；
}
日期选择器
背景：# fafafa；
宽度：22px；
身高：18px；
边境：1px solid # CCC；
字体大小：12px；
文本对齐：中心；
}
{ td.noborder日期选择器可湿性粉剂。
边界：无；
背景：无；
}
日期选择器
颜色：# 1c93c4；
文字装饰：无；
}
强{字体重量：粗体}
。手{光标：指针；颜色：# 3879d9 }
VaR DatePicker =函数（）{（）
函数（i）
{
返回document.getelementbyid（我）
}，
AddEvent =功能（O，E，F）{ o.addEventListener o.addEventListener（E，F，false）：o.attachevent（开+ E）} }，
率=功能（EL）{
对于（VAR POS = { x 0，y：0 }；厄尔尼诺；EL = EL。offsetparent）{
pos.x = el.offsetleft；
pos.y = el.offsettop；
}
返回POS；
}；
函数（n，配置）{
窗口{此}；
日期。原型。_fd =函数（）{ var a新日期（本）；d.setdate（1）；返回d.getday（）}；
日期。原型。_fc =函数（）{ var D1 =新的日期（这），D2 =新的日（本）；d1.setdate（1）；（1）；（（x）（））；
这个，n = n；
this.config =配置；
d =新日期；
this.el = $（config。inputid）；
这this.el.title = n + 'datepicker；
this.update（）；
This.bind（）；
}；
init.prototype = { {
更新：函数（y，m）{
无功控制= {}，周= { 'su '，'mo '，'tu '，我们'，'th '，'fr '，'sa}，a，d，_this =这；
函数（a，b）{返回+，
_html =；
Y d.setyear（d.getfullyear（）+ y）；
M D.setMonth（d.getmonth（）+ M）；
VaR年= d.getfullyear（），月= d.getmonth（）+ 1 = d.getdate（日期）；
对于（var i = 0；i + +星期+ { + '；
对于（var i = 0；i ）；
对于（var i = 0；i +（i + 1）+ ''）；
VaR的=欺诈。长度为7；
如果（到！= 0）（var i = 0；i）；
_html =+ FN（1空
对于（var i = 0；我：我% 7 = = 0：'）+ CON {我}（我= =欺诈。length-1 '）；
！！this.box this.box.innerhtml = _html：this.createbox（_html）；
}，
fillinput：功能（Y，M，D）{
var = this.config.seprator | |；
this.el.value = Y + S + M + S + D；
this.box.style.display =不关；
}，
显示：函数（）{
var = = this.mask.style this.box.style；
S {右}是{ } = =右率（这个，EL）x + 'px；
{ } =是的' ' ' ' } = {率（这个。埃尔）。Y + this.el.offsetheight + 'px；
的{ } = {显示器是显示器} =阻止；
是{ 'width} = this.box.offsetwidth - 2 + 'px；
是{ 'height} = this.box.offsetheight - 2 + 'px；
}，
隐藏：函数（）{
this.box.style.display =不关；
this.mask.style.display =不关；
}，
绑定：函数（）{
无功_this =这；
AddEvent（文档，点击功能（e）{）
E = e window.event | |；
var t = e.target e.srcelement | |；
如果（t.title！= _this。n + 'datepicker）{ } { _this.show _this.hide（）其他（）}
}）；
}，
CreateBox：功能（HTML）{
VaR箱= this.box = document.createelement（'div '），掩码为this.mask = document.createelement（'iframe）；
box.classname =这个配置。classname'datepicker| |；
mask.src = 'javaｓｃｒｉｐｔ：假；
mask.frameborder = 0；
box.style.csstext =下：绝对；显示：无；Z指数：9999；
mask.style.csstext =下：绝对；显示：无；Z指数：9998；
这box.title = n + 'datepicker；
box.innerhtml = HTML；
document.body.appendchild（箱）；
document.body.appendchild（面具）；
回到盒子；
}
}；
返回初始化；
（}）；
指针函数（）{
新的DatePicker（'_datepicker_demo，{
InputId：'date-input，
类名：'date-picker-wp，
磁选：' '
}）；
}
生日uff1a
*
html页面中的js执行顺序：
1）头标记中的第一个执行
2）在主体标签中的执行
3）当onload事件被添加到body标签，相应的JS执行，即，当页面加载后执行
注：当onload事件被添加到body标签，外部JS引用不在头部标签的工作，可引用通常当指的是身体内部或外部js。