js 写日期选择器

Posted 2020-12-25 AZRNG

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 写日期选择器相关的知识，希望对你有一定的参考价值。

<html>

<head>

<title>Js日期选择器并自动加入到输入框中</title>

var gMonths=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");

var WeekDay=new Array("日","一","二","三","四","五","六");

var strToday="今天";

var strYear="年";

var strMonth="月";

var strDay="日";

var splitChar="-";

var startYear=2000;

var endYear=2050;

var dayTdHeight=12;

var dayTdTextSize=12;

var gcNotCurMonth="#E0E0E0";

var gcRestDay="#FF0000";

var gcWorkDay="#444444";

var gcMouseOver="#79D0FF";

var gcMouseOut="#F4F4F4";

var gcToday="#444444";

var gcTodayMouseOver="#6699FF";

var gcTodayMouseOut="#79D0FF";

var gdCtrl=new Object();

var goSelectTag=new Array();

var gdCurDate=new Date();

var giYear=gdCurDate.getFullYear();

var giMonth=gdCurDate.getMonth()+1;

var giDay=gdCurDate.getDate();

Array.prototype.Push=function(){var startLength=this.length;for(var i=0;i<arguments.length;i++){this[startLength+i]=arguments[i];}return this.length;}

String.prototype.HexToDec=function(){return parseInt(this,16);}

String.prototype.cleanBlank=function(){return this.isEmpty()?"":this.replace(/s/g,"");}

function checkColor(){var color_tmp=(arguments[0]+"").replace(/s/g,"").toUpperCase();var model_tmp1=arguments[1].toUpperCase();var model_tmp2="rgb("+arguments[1].substring(1,3).HexToDec()+","+arguments[1].substring(1,3).HexToDec()+","+arguments[1].substring(5).HexToDec()+")";model_tmp2=model_tmp2.toUpperCase();if(color_tmp==model_tmp1 ||color_tmp==model_tmp2){return true;}return false;}

function $V(){return $(arguments[0]).value;}

function fPopCalendar(evt,popCtrl,dateCtrl){evt.cancelBubble=true;gdCtrl=dateCtrl;fSetYearMon(giYear,giMonth);var point=fGetXY(popCtrl);with($("calendardiv").style){left=point.x+"px";top=(point.y+popCtrl.offsetHeight+1)+"px";visibility=‘visible‘;zindex=‘99‘;position=‘absolute‘;}$("calendardiv").focus();}

function fHideCalendar(){$("calendardiv").style.visibility="hidden";for(var i=0;i<goSelectTag.length;i++){goSelectTag[i].style.visibility="visible";}goSelectTag.length=0;}

function Point(iX,iY){this.x=iX;this.y=iY;}

function fPrevMonth(){var iMon=$("tbSelMonth").value;var iYear=$("tbSelYear").value;if(--iMon<1){iMon=12;iYear--;}fSetYearMon(iYear,iMon);}

function fNextMonth(){var iMon=$("tbSelMonth").value;var iYear=$("tbSelYear").value;if(++iMon>12){iMon=1;iYear++;}fSetYearMon(iYear,iMon);}

function fGetXY(aTag){var oTmp=aTag;var pt=new Point(0,0);do{pt.x+=oTmp.offsetLeft;pt.y+=oTmp.offsetTop;oTmp=oTmp.offsetParent;}while(oTmp.tagName.toUpperCase()!="BODY");return pt;}

with(document){onclick=fHideCalendar;write(getDateDiv());}

</script>

</head>

<body>

</body>

</html>

以上是关于js 写日期选择器的主要内容，如果未能解决你的问题，请参考以下文章

日期选择器中带有时刻 js 的无效日期

调查 js 中矩阵日期选择器类型的自定义小部件

哪个 JS 日期时间选择器正确处理 DST 转换？

Ember JS从日期选择器中选择日期时，更改按钮组件的颜色和标题

在 Angular JS 中使用日期选择器最快和最简单的方法是啥？

Excel中进行插入日期选择器的操作技巧