`

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
分享到:
评论

相关推荐

    日期控件My97DatePicker的使用

    My97DatePicker对主流浏览器,包括IE6+、Firefox、Chrome、Safari和Opera等,都有较好的兼容性。但请注意,对于非常老旧的浏览器版本,可能需要额外的适配工作。 通过熟练掌握这些知识点,你可以在网页开发中灵活...

    My97DatePicker(几种日历控件/js/实例演示)

    8. **兼容性**:My97DatePicker具有良好的浏览器兼容性,支持IE6+以及现代浏览器,如Firefox、Chrome、Safari等。 9. **易用性**:只需简单的JavaScript代码就可以在网页中引入和初始化My97DatePicker,同时提供了...

    MY97datepicker.rar

    作为一款JavaScript组件,MY97DatePicker适用于各种浏览器环境,包括IE6+、Firefox、Chrome、Safari和Opera等,这确保了其在不同平台上的稳定运行。 MY97DatePicker的主要特点如下: 1. **用户友好**:MY97...

    My97DatePicker

    5. **兼容性好**:My97 DatePicker兼容多种浏览器,包括IE6及以上版本,以及Firefox、Chrome、Safari等现代浏览器。 6. **响应式设计**:支持移动设备,能在手机和平板电脑上正常使用,适应移动互联网的发展。 在...

    My97DatePicker.rar

    在兼容性方面,My97 DatePicker表现出色,它不仅支持主流的现代浏览器如Chrome、Firefox、Safari和Edge,还对IE6及以上的版本提供良好的支持,这对于那些还需要照顾老式浏览器的项目来说,无疑是一大福音。...

    My97DatePicker.zip

    4. 兼容性好:My97 DatePicker 支持主流的浏览器,包括 IE6+、Firefox、Chrome、Safari 等,确保在各种环境下都能正常工作。 5. 性能优秀:My97 DatePicker 使用了高效的算法,即使在大数据量的场景下也能保持流畅...

    My97DatePicker js的时间日期控件

    My97DatePicker具有良好的浏览器兼容性,支持包括IE6在内的多种浏览器,这对于需要照顾老版本浏览器的项目来说非常关键。它还支持多种语言,包括中文、英文等,满足了国际化的应用需求。 在实际应用中,My97...

    My97Datepicker日历控件

    My97Datepicker控件具有良好的浏览器兼容性,支持IE6+及现代浏览器。它的性能优化做得很好,即便在大量数据处理时也能保持流畅。 7. **日期格式化** 除了默认的日期格式外,My97Datepicker还可以支持自定义格式,...

    My97DatePicker_时间控件

    在兼容性方面,My97 DatePicker充分考虑了不同浏览器的差异,确保在IE6以上版本、Firefox、Chrome、Safari等主流浏览器上都能正常运行。对于那些仍然使用旧版IE的用户,My97 DatePicker依然能提供稳定的服务,这是它...

    My97DatePicker.rar下载

    7. **兼容性**:My97DatePicker对各种浏览器有很好的兼容性,包括IE6+、Firefox、Chrome、Safari和Opera等。 8. **时间选择**:除了日期选择,My97DatePicker还支持时间和日期时间的选择,可以灵活调整时间间隔和...

    日历控件my97datepicker

    4. **兼容性**:My97DatePicker兼容多种浏览器,包括IE6+、Firefox、Chrome、Safari和Opera等,确保在不同环境下稳定运行。 5. **事件处理**:提供了丰富的事件接口,如onSelect、onClose等,方便开发者进行扩展和...

    My97DatePicker4.7.2.rar

    My97DatePicker兼容主流的浏览器,包括IE6+、Firefox、Chrome、Safari、Opera等,确保了在各种环境下都能稳定工作。 总结,My97DatePicker4.7.2是一款强大且易用的JavaScript日期选择控件,无论是在简单网页表单...

    My97DatePicker和说明文档

    3. 兼容性好:My97 DatePicker兼容多种浏览器,包括IE6+、Firefox、Chrome、Safari和Opera等,确保了在不同环境下都能稳定运行。 4. 自定义性强:提供了丰富的配置选项,允许开发者根据需求定制日期选择器的外观和...

    My97DatePicker 3.0.1

    2. **兼容性提升**:针对不同的浏览器环境,My97 DatePicker 3.0.1加强了兼容性,确保在主流浏览器如Chrome、Firefox、Safari、IE(至少到IE8)等上都能正常工作。 3. **新功能添加**:新增了一些实用功能,例如...

    My97DatePicker时间控件详细使用说明

    9. **兼容性**:My97DatePicker兼容多种浏览器,包括IE6及以上版本,以及Firefox、Chrome、Safari和Opera等现代浏览器。 10. **API接口**:提供了丰富的API接口,开发者可以通过调用这些接口来控制日期选择器的行为...

    My97DatePicker控件使用总结

    如果遇到兼容性问题,记得检查控件在不同浏览器中的表现,尤其是旧版IE,因为My97DatePicker对老版本浏览器有较好的支持。 总的来说,My97DatePicker是一款强大而实用的日期选择控件,它以其丰富的功能和良好的用户...

    My97DatePicker最新最全版.rar

    在兼容性方面,My97 DatePicker考虑到了不同浏览器的差异,对IE6+、Firefox、Chrome、Safari、Opera等主流浏览器都做了良好的适配。这使得开发者在跨平台的Web应用中使用My97 DatePicker时无需担心兼容性问题。 在...

    My97DatePicker.htm

    My97DatePicker是由中国开发者王磊创建的一款开源日期选择器插件,它的特点是界面友好、性能高效、兼容性好,支持多种浏览器,包括IE6+、Firefox、Chrome、Safari等。My97DatePicker不仅提供了基本的日期选择功能,...

    My97DatePicker4.72

    以下是一个简单的My97 DatePicker 使用示例: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;My97 DatePicker 示例 &lt;link href="My97DatePicker/WdatePicker.css" rel="stylesheet" type="text/css"&gt; &lt;script src="My97...

Global site tag (gtag.js) - Google Analytics