My97DatePicker用法及下载

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 

1、下载My97DatePicker组件包 

下载地址:http://download.csdn.net/detail/cx136295988/8955823

2、在页面中引入该组件js文件: 

     

3、例子

[html]  view plain copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib prefix="s"  uri="/struts-tags"%>  
  3.   
  4. >  
  5. <html>  
  6.   <head>  
  7.     <title>My97DatePicker日期控件使用title>  
  8.   head>  
  9.   <body>  
  10.     <center>  
  11.         <h2>My97DatePicker日期控件的使用h2>  
  12.     center>  
  13.             基本用法:  
  14.     <input id="" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" /><br><br>  
  15.             
  16.             只能选择今天以前的日期:  
  17.     <input id="" class="Wdate" onfocus="WdatePicker({readOnly:true,maxDate:'%y-%M-%d'})" /><br><br>         
  18.              
  19.            使用运算表达式 只能选择 20小时前 至 30小时后 的日期    
  20.     <input id="" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d {%H-20}:%m:%s',maxDate:'%y-%M-%d {%H+30}:%m:%s'})" /><br><br>              
  21.               
  22.             开始,结束日期:  
  23.     <input id="sdate" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'edate\')}'})" />  
  24.     -  
  25.     <input id="edate" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,minDate:'#F{$dp.$D(\'sdate\')}',startDate:'#F{$dp.$D(\'sdate\',{d:+1})}'})" /><br><br>  
  26.        
  27.   body>  
  28.   <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js">script>  
  29. html>  
4、常用的配置信息。
配置信息主要在οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" 的 WdatePicker 方法的 { } 对象中定义。
常用的配置信息在 WdatePicker.js 文件中定义了。

部署上之后,火狐、google浏览器都ok,就是ie下不弹出,用ie自带的F12查看控制:

点击提示:script70:没有权限


解决办法:

将默认的:$crossFrame:true,改成$crossFrame:true,


然后清除浏览器缓存,在试下。ok了

 提示 拒绝访问 或 没有权限 或 ' Window.document 或 '$dp' 为空或不是对象 $dp.dd is undefined 之类的错误 

SCRIPT70: 没有权限 
WdatePicker.js
SCRIPT5011: 不能执行已释放 Script 的代码

 


解决方法:

下载最新版本
下载1: 
http://files.cnblogs.com/my97/My97DatePicker.7z
下载2: http://files.cnblogs.com/my97/My97DatePicker.rar

打开WdatePicker.js

设置$crossFrame:false




你可能感兴趣的:(html)