My97DatePicker 기본 용법

My97DatePicker 는 매우 유연 하고 사용 하기 좋 은 날짜 컨트롤 입 니 다.사용 이 매우 간단 합 니 다. 
1, My97DatePicker 구성 요소 패키지 다운로드 
다운로드 주소:http://download.csdn.net/detail/emoven/8249073
2. 페이지 에 이 구성 요소 js 파일 을 도입 합 니 다: 
     
3. 예
4. 567913. 4. 자주 사용 하 는 설정 정보.
설정 정 보 는 주로 onfocus = "WdatePicker ({dateFmt: 'yyy - MM - dd', readOnly: true})" 의
WdatePicker 방법의 {} 대상 에서 정의 합 니 다.
자주 사용 하 는 설정 정보 WdatePicker. js 파일 에서 정의 되 었 습 니 다.
<%@ 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>

좋은 웹페이지 즐겨찾기