關於日曆控件My97DatePicker 在IE6下出現「沒法打開站點,已終止操做」

今天項目測試,發如今IE6下一個頁面打開失敗,提示:「沒法打開站點,已終止操做」,測試了下發現是日曆控件My97DatePicker 致使的錯誤,因而看了下My97DatePicker 的相關介紹,無果;最後無心間百度了下,仍是找到了解決辦法:

一、My97DatePicker 官方:http://www.my97.net
二、在IE6下出現「沒法打開站點,已終止操做」的解決辦法(轉):

My97DatePicker js 日期控件作的確實很優秀,但在ie6上顯示最會有大小的問題,首先是ie6自己的問題,ie6對css的中文註釋並非很支持.因此若是css文件中有中文註釋,那麼這部分的css將會失效。

My97DatePicker 裏面惟一的兩個css文件都是有中文註釋的,因此引用這個日期控件.最好是把它的css文件中的中文註釋給去掉.

在frame框架中調用這個控件時總是探出「沒法打開站點,已終止操做?」消息框,官網也有,綜合下解決方法:
一、IE6中使用時,若是有 base target標籤 必須在日期控件載入後設置
即<script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script>
<base target="_self" />  (將頭部的<base href="<%=basePath%>"> ,放在你引用 WdatePacker.js的下面)
二、在<script>標籤中加上defer="defer"
三、將<script>放在頁面<body>後面
四、將<script>放在頁面</html>後面
五、這是一個絕對有效的方法,可是會丟失跨越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"在左邊會有個日期的小圖標在文本框中,固然也能夠不加。

三、My97DatePicker 使用須要重點配置介紹:
http://www.my97.net/dp/demo/resource/3.asp
好比:dateFmt--string:'yyyy-MM-dd'   日期顯示格式,你能夠參考自定義格式;能夠根據實際需求改爲'yyyy-MM-dd HH:mm:ss'

四、記錄下簡單的調用方法:
    在<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();"/>

五、記錄一個在當前頁面動態顯示時間的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>  javascript

相關文章
相關標籤/搜索