当前位置: 代码迷 >> Web前端 >> My97DatePicker IE6使用有关问题
  详细解决方案

My97DatePicker IE6使用有关问题

热度:712   发布时间:2012-10-07 17:28:51.0
My97DatePicker IE6使用问题
转自:http://hi.baidu.com/rel_conquer/blog/item/520b65246c2dd0154d088d61.html
My97DatePicker js 日期控件做的确实很优秀,但在ie6上显示最会有大小的问题,首先是ie6本身的问题,ie6对css的中文注释并不是很支持.所以如果css文件中有中文注释,那么这部分的css将会失效。
My97DatePicker 里面唯一的两个css文件都是有中文注释的,所以引用这个日期控件.最好是把它的css文件中的中文注释给去掉.
在frame框架中调用这个控件时老是探出“无法打开站点,已终止操作?”消息框,官网也有,综合下解决方法:
1、IE6中使用时,如果有 base target标签 必须在日期控件载入后设置
即<script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script>
<base target="_self" />  (将头部的<base href="<%=basePath%>"> ,放在你引用 WdatePacker.js的下面)
2、在<script>标签中加上defer="defer"
3、将<script>放在页面<body>后面
4、将<script>放在页面</html>后面
5、这是一个绝对有效的方法,但是会丢失跨越iframe的特性,把WdatePicker.js里面的$crossFrame改成false

另外,在IE6下直接输入日期,会出现输入从右到左显示的情况,输入的日期显示顺序混乱,出现该问题一般是由于该文本框带有readonly属性,将该属性去掉即可恢复正常!

使用方法:
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js"></script>
然后就是<input class="Wdate" type="text"  name="memberBirth" onClick="WdatePicker()"  />
加上class="Wdate"在左边会有个日期的小图标在文本框中,当然你也可以不加。
详细 参考这里http://www.my97.net/dp/index.asp