asp使用js时间控件，实现下拉日历 解决UTF-8和GB2312的编码问题

学校实训时发现，网上找到的js时间控件大部分是GB2312编码的，asp网页默认为UTF-8编码的，网上都说把网页编码改了才能正常能够使用。

在Web.config中如下设置使用gb2312编码

<globalization fileEncoding="gb2312" requestEncoding="gb2312" responseEncoding="gb2312" culture="zh-CN" uiCulture="zh-CN"/>

 

或者在调用的js 脚本 的asp页面 加上：<%@ Page  CODEPAGE="936">

 

其实还有一个更简单的方法！！！！

 

用记事本打开js -- 另存为 -- 选择UTF-8编码！这样js脚本就可以正常的使用了。

附上我的：

 

 

selTime1.js

 //-------------------------------------------------------------------- -------- // 日历 Javascript 页面脚本控件，适用于微软的 IE （5.0以上）浏览器 // 主调用函数是 setday(this,[object])和setday(this)，[object]是控件输 出的控件名，举两个例子： // 一、<input name=txt><input type=button value=setday οnclick="setday(this,document.all.txt)"> // 二、<input οnfοcus="setday(this)"> // 本日历的年份限制是（1000 - 9999） // 按ESC键关闭该控件 // 在年和月的显示地方点击时会分别出年与月的下拉框 // 控件外任意点击一点即可关闭该控件 //说明： //1.受到iframe的限制，如果拖动出日历窗口，则日历会停止移动。 // // //==================================================== 参数设定部分 ======================================================= var bMoveable=true; //设置日历是否可以拖动 var _VersionInfo="Version:2.1;v2.1作者:张少 轩;Mail:aben.117@163.com;v2.0作者:walkingpoison;1.0作者: F.R.Huang (meizz);MAIL: meizz@hzcnc.com" //版本信息 //==================================================== WEB 页面显示部分 ===================================================== var strFrame; //存放日历层的HTML代码 document.writeln('<iframe id=meizzDateLayer Author=wayx frameborder=0 style="position: absolute; width: 148; height: 216; z-index: 9998; display: none"></iframe>'); strFrame='<mce:style><!-- '; strFrame+='INPUT.button{BORDER-RIGHT: #ff9900 1px solid;BORDER-TOP: #ff9900 1px solid;BORDER-LEFT: #ff9900 1px solid;'; strFrame+='BORDER-BOTTOM: #ff9900 1px solid;BACKGROUND-COLOR: #fff8ec;font-family:宋体;}'; strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; strFrame+=' --></mce:style><style mce_bogus="1">'; strFrame+='INPUT.button{BORDER-RIGHT: #ff9900 1px solid;BORDER-TOP: #ff9900 1px solid;BORDER-LEFT: #ff9900 1px solid;'; strFrame+='BORDER-BOTTOM: #ff9900 1px solid;BACKGROUND-COLOR: #fff8ec;font-family:宋体;}'; strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; strFrame+='</style>'; strFrame+='<scr' + 'ipt>'; strFrame+='var datelayerx,datelayery; /*存放日历控件的鼠标位置*/'; strFrame+='var bDrag; /*标记是否开始拖动*/'; strFrame+='function document.onmousemove() /*在鼠标移动事件中，如 果开始拖动日历，则移动日历*/'; strFrame+='{if(bDrag && window.event.button==1)'; strFrame+=' {var DateLayer=parent.document.all.meizzDateLayer.style;'; strFrame+=' DateLayer.posLeft += window.event.clientX- datelayerx;/*由于每次移动以后鼠标位置都恢复为初始的位置，因此写法与div 中不同*/'; strFrame+=' DateLayer.posTop += window.event.clientY- datelayery;}}'; strFrame+='function DragStart() /*开始日历拖动*/'; strFrame+='{var DateLayer=parent.document.all.meizzDateLayer.style;'; strFrame+=' datelayerx=window.event.clientX;'; strFrame+=' datelayery=window.event.clientY;'; strFrame+=' bDrag=true;}'; strFrame+='function DragEnd(){ /*结束日历拖动*/'; strFrame+=' bDrag=false;}'; strFrame+='</scr' + 'ipt>'; strFrame+='<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false"><span id=tmpSelectYearLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>'; strFrame+='<span id=tmpSelectMonthLayer Author=wayx style="z-index: 9999;position: absolute;top: 3; left: 78;display: none"></span>'; strFrame+='<table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#ff9900 bgcolor=#ff9900 Author="wayx">'; strFrame+=' <tr Author="wayx"><td width=142 height=23 Author="wayx" bgcolor=#FFFFFF><table border=0 cellspacing=1 cellpadding=0 width=140 Author="wayx" height=23>'; strFrame+=' <tr align=center Author="wayx"><td width=16 align=center bgcolor=#ff9900 sty