关于日历控件My97DatePicker 在IE6下出现“无法打开站点,已终止操作”

今天项目测试,发现在IE6下一个页面打开失败,提示:“无法打开站点,已终止操作”,测试了下发现是日历控件My97DatePicker 导致的错误,于是看了下My97DatePicker 的相关介绍,无果;最后无意间百度了下,还是找到了解决办法:

1、My97DatePicker 官方:http://www.my97.net
2、在IE6下出现“无法打开站点,已终止操作”的解决办法(转):

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"在左边会有个日期的小图标在文本框中,当然也可以不加。

3、My97DatePicker 使用需要重点配置介绍:
http://www.my97.net/dp/demo/resource/3.asp
比如:dateFmt--string:‘yyyy-MM-dd‘   日期显示格式,你可以参考自定义格式;可以根据实际需求改成‘yyyy-MM-dd HH:mm:ss‘

4、记录下简单的调用方法:
    在<HEAD></HEAD>之间增加:<script defer="defer" language="JavaScript" type="text/javascript" src="<%=basePath%>/sz/My97DatePicker/WdatePicker.js"></script>
    添加调用:<input id="StartTime" name="StartTime" value="<%=startTime1==null?" ":startTime1%>" type="text" class="Wdate"  style="width:160px" onclick="WdatePicker();"/>

5、记录一个在当前页面动态显示时间的js:
    //添加web时间

<script>
   function testDate(){
    var date=new Date();
    var result=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"  "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
    document.getElementById("mydate").innerHTML=result;
    };
    setInterval("testDate()", 1000);        
    </script>

时间: 2024-10-08 23:09:06

关于日历控件My97DatePicker 在IE6下出现“无法打开站点,已终止操作”的相关文章

Selenium2+python自动化25-js处理日历控件(修改readonly属性)【转载】

前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一.日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件上点日期,这样操作比较烦躁,并且我们测试的重点不在日历控件上,只是想输入个时间,做下一步的操作 3.用firebug查看

Selenium2+python自动化25-js处理日历控件(修改readonly属性)

本篇转自博客:上海-悠悠 原文地址:http://www.cnblogs.com/yoyoketang/tag/js/ 前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一.日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件

My97DatePicker日历控件日报、每周和每月的选择

1.设计源代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>日历控件</title> <

Excel日历控件实现下拉选取日期含VB代码实现

以下是Excel2016通过安装控件,实现表格下拉选择日期的一些步骤: 知识准备工作:先了解下如何安装控件,这一部分很重要,excel选择可用宏https://jingyan.baidu.com/article/6181c3e0ad4144152ef1533f.html 如果没有日历控件:Microsoft Date and Time Picker Control(SP6) 先下载MSCOMCT2 链接:https://pan.baidu.com/s/1CGV1MBJyBjlqTd7_QFXHq

ckeditor添加日历控件

这里日历控件用的是开源的My97DatePicker,先看下效果图: 1.点击左侧自定义的日历控件按钮,弹出日历控件对话框. 2.点击确定,日历控件添加的表单设计器中,同时保留日历的控件样式 3.点击ckeditor的预览控件,查看是否可以进行日历的选择. 下面就说一下实现,关于如何在ckeditor中添加自定义控件,可参考<ckeditor_4.4.5 自定义工具栏>一文. 首先将My97DatePicker的js文件添加到插件目录下: plugin.js的代码如下: CKEDITOR.pl

Android UI-自定义日历控件

Android UI-自定义日历控件 本篇博客笔者给大家分享一个日历控件,这里有个需求:要求显示当前月的日期,左右可以切换月份来查看日期. 我们想一想会如何去实现这样的一个控件,有开源的,但可能不太满足我们的特定的需求,这里笔者自定义了一个,读者可以根据自己的需求来修改代码.下面来说一下实现的思路: 首先我们要显示当前月份,自然我们要计算出当前的日期,并且把每一天对应到具体的星期,我们会有以下效果: 我们先想一下这样的效果用什么控件可以实现?很自然可以想到用网格视图GridView,但这里笔者使

多年前自创的一个网页日历控件

现在框架流行,很多常用网页控件都开发好了供人调用,如JQuery的Calendar,美观方便. 多年前我也自己闭门造车弄出个日历控件,再用在哪里已然是不可能,权且当做老照片挂起来,有空凭吊一下. 下载地址在: http://pan.baidu.com/s/1sjuLD17 下载下来是个JavaWeb工程,放Tomcat里就可以使用的.(为什么要弄个Web工程而不是html包,因为include在html里面不好用.) 日历控件代码和图片都在WebRoot下的calendar目录里. WebRoo

fullcalendar日历控件知识点集合

1.基本的语法: 首先,fullcalendar和JQUERY一样,以面向对象的方式来组织代码.当然,这里的面向对象不过指能够把整个fullcalendar理解为一个类,这个类里包含有非常多的属性.方法.托付(函数回调)作为成员变量.通过为这些成员变量赋值,就可以实例化出一个符合自己需求的fullcalendar实例出来,即终于在浏览器里渲染出的日历.换句话说,我们所做的绝大多数工作就是依照fullcalendar的语法约定去配置出一个符合我们需求的fullcalendar实例.除非对于极少的特

PHP+JavaScript+HTML实现注册界面表单及日历控件

本文主要是介绍我做PHP网站时的一个HTML的简单静态界面,它的主要功能是用户注册界面,并且参照了网上的例子使用JavaScript判断和My97DatePicker的日历控件.界面效果如下图所示: 同时插入数据库显示效果如下图所示: 可以看到引用My97DatePicker的日历控件及判断效果如下图所示:    其中注册界面register_student.html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona