My97DatePicker用法及下载

最新推荐文章于 2025-06-21 16:56:28 发布

cx136295988

最新推荐文章于 2025-06-21 16:56:28 发布

阅读量1k

点赞数

分类专栏： html 文章标签： datepicker 控件 jsp

html 专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了My97DatePicker日期控件的安装、配置和常见用法，包括基本用法、只选今日前日期、使用运算表达式限制日期范围、开始和结束日期配置等，并提供了在不同浏览器上的兼容性解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

1、下载My97DatePicker组件包

下载地址：http://download.youkuaiyun.com/detail/cx136295988/8955823

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

3、例子

[html]view plaincopy 
    
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
 <%@ taglib prefix="s"  uri="/struts-tags"%>  
   
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
 <html>  
   <head>  
     <title>My97DatePicker日期控件使用</title>  
   </head>  
   <body>  
     <center>  
         <h2>My97DatePicker日期控件的使用</h2>  
     </center>  
             基本用法：  
     <input id="" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" /><br><br>  
             
             只能选择今天以前的日期：  
     <input id="" class="Wdate" onfocus="WdatePicker({readOnly:true,maxDate:'%y-%M-%d'})" /><br><br>         
              
            使用运算表达式 只能选择 20小时前 至 30小时后 的日期    
     <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>              
               
             开始，结束日期：<!-- $dp.$ 相当于 document.getElementById 函数. -->  
     <input id="sdate" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,maxDate:'#F{$dp.$D(\'edate\')}'})" />  
     -  
     <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>  
        
   </body>  
   <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>  
 </html>  

4、常用的配置信息。