最简约JS日历控件(3)

来源：未知责任编辑：责任编辑发表时间:2013-11-15 19:50　点击:次

if(document.getElementById("choose_date_czw_id")==null){

var obj = document.getElementById(date_id);

var odiv = document.createElement("div");

odiv.id="choose_date_czw_id";

odiv.innerHTML=dstr;

odiv.style.position="absolute";

odiv.style.border="1px #0CF solid";

odiv.style.fontSize="12px";

odiv.style.zIndex=99999;

odiv.style.top=obj.offsetTop+obj.offsetHeight+"px";

odiv.style.left=obj.offsetLeft+"px";

document.body.appendChild(odiv);

}else{

document.getElementById("choose_date_czw_id").style.display="block";

document.getElementById("choose_date_czw_id").innerHTML=dstr;

}

调用方式如下：

添加日期：<input type="text" id="add_date" onclick="choose_date_czw('add_date')"/>

运行结果如下：

作者 Charles Olaes