繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 不错的一个日期输入 动态
- Javascript
- javascript 动态数据下的锚点错位问题解决方法
- jQuery 动画基础教程
- jQuery 操作XML入门
- ASP SQL防注入的方法
- jquery 插件 web2.0分格的分页脚本，可用于ajax无刷新分页
- jquery 插件 任意位置浮动固定层
- JavaScript 检测浏览器和操作系统的脚本
- 不要小看注释掉的JS 引起的安全问题
- js实现的验证，学习用js控制td
- javascript iframe中打开文件,并检测iframe存在否
- Javascript typeof 用法
- Javascript valueOf 使用方法
- extjs form textfield的隐藏方法
- extjs grid取到数据而不显示的解决
- Ext第一周 史上最强学习笔记---GridPanel（基础篇）
- My Desktop :) 桌面式代码
- javascript 双击文本框编辑功能代码
- 不用写JS也能使用EXTJS视频演示
- js 提取class相同的节点集合
- js Li来实现的效果
Javascript 中的 不错的一个日期输入 动态
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 216 ::
收藏到网摘: n/a
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>日期控件</title>
<script>
var agt = navigator.userAgent.toLowerCase();
var OldTextBox;
function DateSeter(obj){
var parent=obj.parentNode;
var selYear=document.createElement('SELECT');
selYear.id='LoftyYear';
parent.insertBefore(selYear,obj);
var selMonth=document.createElement('SELECT');
selMonth.id='LoftyMonth';
parent.insertBefore(selMonth,obj);
var selDay=document.createElement('SELECT');
selDay.id='LoftyDay';
parent.insertBefore(selDay,obj);
var btnSubmit=document.createElement('BUTTON');
btnSubmit.style.width='22px';
parent.insertBefore(btnSubmit,obj);
btnSubmit.id='LoftyBtn';
for(s in btnSubmit)
{
//document.write(s+'<br />');
}
btnSubmit.textContent='OK';
btnSubmit.value='OK';
al(btnSubmit,'click','Restore()');
OldTextBox=obj;
parent.removeChild(obj);
var now=new Date();
var cYear=now.getFullYear();
SetCurrentYear(selYear,cYear);
al(selYear,'change','SetCurrentYear(document.getElementById(\'LoftyYear\'))');
al(selMonth,'change','SetDay(null,null)');
for(i=1;i<=12;i++)
{
var op=new Option(i,i);
selMonth.options.add(op);
}
var cMonth=now.getMonth()+1;
SetDay(cYear,cMonth);
selDay.selectedIndex=now.getDate()-1;
}
function Restore()
{
var yy=document.getElementById('LoftyYear');
var mm=document.getElementById('LoftyMonth');
var d=document.getElementById('LoftyDay');
var btn=document.getElementById('LoftyBtn');
var time=yy.options[yy.selectedIndex].value+'-'+mm.options[mm.selectedIndex].value+'-'+d.options[d.selectedIndex].value;
OldTextBox.value=time;
var parent=yy.parentNode;
parent.insertBefore(OldTextBox,yy);
parent.removeChild(yy);
parent.removeChild(mm);
parent.removeChild(d);
parent.removeChild(btn);
}
function SetDay(year,month)
{
if(year==null){
var yy=document.getElementById('LoftyYear');
var mm=document.getElementById('LoftyMonth');
year=Math.round(yy.options[yy.selectedIndex].value);
month=Math.round(mm.options[mm.selectedIndex].value);
}
var date=new Date(year,month,1);
date.setDate(0);
var maxdate=date.getDate();
var obj=document.getElementById('LoftyDay');
var seldate=obj.selectedIndex;
if(obj.options.length>0){
if(Math.round(obj.options[obj.selectedIndex].value)>maxdate)
{
seldate=maxdate-1;
}
}
reAppendSelect(obj,1,maxdate,seldate+1);
}
function SetCurrentYear(selecter,currYear)
{
if(currYear==null){
currYear=Math.round(selecter.options[selecter.selectedIndex].value);
}
reAppendSelect(selecter,currYear-10,currYear+10,currYear);
}
function reAppendSelect(selecter,startIndex,endIndex,selIndex)
{
while(selecter.options.length>0)
{
selecter.removeChild(selecter.options[selecter.options.length-1]);
}
for(i=startIndex;i<=endIndex;i++)
{
var op=new Option(i,i);
selecter.options.add(op);
op.selected=(selIndex==i);
}
}
function al(obj,lissener,func){
if(agt.indexOf('firefox')!=-1){
obj.addEventListener(lissener,function(){eval(func);},false);
}else{
obj.attachEvent('on'+lissener,function(){eval(func);});
}
}
</script>
</head>
<body>
<input onclick="DateSeter(this);" />
</body>
</html>
精简只有年:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>日期控件</title>
<script>
var agt = navigator.userAgent.toLowerCase();
var OldTextBox;
function DateSeter(obj){
var parent=obj.parentNode;
var selYear=document.createElement('SELECT');
selYear.id='LoftyYear';
parent.insertBefore(selYear,obj);
/*
var btnSubmit=document.createElement('BUTTON');
btnSubmit.style.width='32px';
parent.insertBefore(btnSubmit,obj);
btnSubmit.id='LoftyBtn';
btnSubmit.textContent='OK';
btnSubmit.value='OK';
al(btnSubmit,'click','Restore()');
*/
OldTextBox=obj;
parent.removeChild(obj);
var defaultValue = obj.value;
var now=new Date();
var cYear=now.getFullYear();
SetCurrentYear(selYear,cYear,defaultValue);
al(selYear,'change','Restore(obj)');
}
function Restore()
{
OldTextBox.value = arguments[0].value;
var yy=document.getElementById('LoftyYear');
var parent=yy.parentNode;
parent.insertBefore(OldTextBox,yy);
parent.removeChild(yy);
/*
var yy=document.getElementById('LoftyYear');
var btn=document.getElementById('LoftyBtn');
var time=yy.options[yy.selectedIndex].value;
OldTextBox.value=time;
var parent=yy.parentNode;
parent.insertBefore(OldTextBox,yy);
parent.removeChild(yy);
parent.removeChild(btn);
*/
}
function SetCurrentYear(selecter,currYear)
{
if(currYear==null){
currYear=Math.round(selecter.options[selecter.selectedIndex].value);
}
var dv = arguments[2];
reAppendSelect(selecter,1901,2001,currYear,dv);
}
function reAppendSelect(selecter,startIndex,endIndex,selIndex)
{
while(selecter.options.length>0)
{
selecter.removeChild(selecter.options[selecter.options.length-1]);
}
for(i=startIndex;i<=endIndex;i++)
{
var op=new Option(i,i);
selecter.options.add(op);
if(arguments[4]!=""){
if(i==arguments[4])
op.selected=true;
}else{
if (i==endIndex)
op.selected=true;
}
}
}
function al(obj,lissener,func){
if(agt.indexOf('firefox')!=-1){
obj.addEventListener(lissener,function(){eval(func);},false);
}else{
obj.attachEvent('on'+lissener,function(){eval(func);});
}
}
</script>
</head>
<body>
<input onclick="DateSeter(this);" />
</body>
</html>
评论 (0) All
