繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 对象化JS之----日期选择
- Javascript
- javascript IFrame 强制刷新代码
- JQuery 学习笔记 选择器之一
- JQuery 学习笔记 选择器之二
- JQuery 学习笔记 选择器之三
- JQuery 学习笔记 element属性控制
- Prototype 工具函数 学习
- Prototype Selector对象学习
- 用JQuery 实现AJAX加载XML并解析的脚本
- jquery 表单下所有元素的隐藏
- javascript 动态table添加colspan\rowspan 参数的方法
- 利用javascript/jquery对上传文件格式过滤的方法
- javaScript 判断字符串是否为数字的简单方法
- jquery 将disabled的元素置为enabled的三种方法
- javascript 解析后的xml对象的读取方法细解
- IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
- javascript 一个函数对同一元素的多个事件响应
- 对象特征检测法判断浏览器对javascript对象的支持
- javaScript Array（数组）相关方法简述
- js 字符串操作函数
- JavaScript中null与undefined分析
Javascript 中的 对象化JS之----日期选择
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 351 ::
收藏到网摘: n/a
<SCRIPT LANGUAGE=javascript>
onload=function(){
var lodate = new dateSelect();
lodate.setDate("2003-01-01");
}
function dateSelect(aoP){
var loD = document.createElement("SPAN");
if (aoP==null){
document.body.appendChild(loD);
}else{
aoP.appendChild(loD);
}
loD.onSelectDate = function(){};
loD.getDate = function(){
var loChilds = this.all.tags("SELECT");
var lsDate = "";
for (var i=0; i<loChilds.length; i++){
var li = parseFloat(loChilds[i].value);
if (li<10) li="0"+li;
lsDate+=li;
if (i<2) lsDate+="-";
if (i==2) lsDate+=" ";
if (i>2&&i<loChilds.length-1) lsDate+=":";
}
return lsDate;
}
loD.setDate = function(asDate){
this.innerHTML = "";
var liSpaceYear = 20;
var loNowDate = new Date();
var liYear = loNowDate.getYear();
var liMonth = loNowDate.getMonth()+1;
var liDay = loNowDate.getDate();
var liHour = loNowDate.getHours();
var liMinute = loNowDate.getMinutes();
if (asDate!=null&&asDate!=""){
var lxDate = asDate.split(" ");
if (lxDate.length>0){
var lxUp = lxDate[0].split("-");
if (lxUp.length>0) liYear = parseFloat(lxUp[0]);
if (lxUp.length>1) liMonth = parseFloat(lxUp[1]);
if (lxUp.length>2) liDay = parseFloat(lxUp[2]);
}
if (lxDate.length>1){
var lxDown = lxDate[1].split(":");
if (lxDown.length>0) liHour = parseFloat(lxDown[0]);
if (lxDown.length>1) liMinute = parseFloat(lxDown[1]);
}
}
var loYear = document.createElement("SELECT");
loYear.onchange = new Function(''+this.uniqueID+'.setDate('+this.uniqueID+'.getDate())');
loYOpts = loYear.options;
for (var i=liYear-liSpaceYear; i<liYear+liSpaceYear; i++){
loYOpts[loYOpts.length] = new Option(i,i);
if (i==liYear) loYOpts[loYOpts.length-1].selected=true;
}
this.insertBefore(loYear);
var loFont = document.createElement("FONT");
loFont.innerHTML = "年";
this.insertBefore(loFont);
var loMonth = document.createElement("SELECT");
loMonth.onchange = new Function(''+this.uniqueID+'.setDate('+this.uniqueID+'.getDate())');
loMOpts = loMonth.options;
for (var i=1; i<=12; i++){
loMOpts[loMOpts.length] = new Option(i,i);
if (i==liMonth) loMOpts[loMOpts.length-1].selected=true;
}
this.insertBefore(loMOpts);
var loFont = document.createElement("FONT");
loFont.innerHTML = "月";
this.insertBefore(loFont);
var loDay = document.createElement("SELECT");
loDay.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
loDOpts = loDay.options;
var liMaxDay=getMaxDay(liYear,liMonth);
for (var i=1; i<=liMaxDay; i++){
loDOpts[loDOpts.length] = new Option(i,i);
if (i==liDay) loDOpts[loDOpts.length-1].selected=true;
}
this.insertBefore(loDay);
var loFont = document.createElement("FONT");
loFont.innerHTML = "日";
this.insertBefore(loFont);
var loHour = document.createElement("SELECT");
loHour.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
loHOpts = loHour.options;
for (var i=0; i<=23; i++){
loHOpts[loHOpts.length] = new Option(i,i);
if (i==liHour) loHOpts[loHOpts.length-1].selected=true;
}
this.insertBefore(loHOpts);
var loFont = document.createElement("FONT");
loFont.innerHTML = "时";
this.insertBefore(loFont);
var loMinute = document.createElement("SELECT");
loMinute.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
loMiOpts = loMinute.options;
for (var i=0; i<=59; i++){
loMiOpts[loMiOpts.length] = new Option(i,i);
if (i==liMinute) loMiOpts[loMiOpts.length-1].selected=true;
}
this.insertBefore(loMinute);
var loFont = document.createElement("FONT");
loFont.onchange = new Function(''+this.uniqueID+'.onSelectDate()');
loFont.innerHTML = "分";
this.insertBefore(loFont);
loD.onSelectDate();
function getMaxDay(aiYear,aiMonth){
var loDay = [0,31,28,31,30,31,30,31,31,30,31,30,31];
if (aiYear%4==0) loDay[2] = 29;
return loDay[aiMonth];
}
}
return loD;
}
</SCRIPT>
评论 (0) All
