My97datepicker is a very flexible and useful date control. Very simple to use.
1. Download My97datepicker Component Package
2, introduce the component JS file in the page:
<script type= "Text/javascript" src= "My97datepicker/wdatepicker.js" ></script>
3. Example
<%@ 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" >4, common configuration information. The configuration information is mainly in onfocus= "Wdatepicker ({datefmt: ' Yyyy-mm-dd ', readonly:true})"the Wdatepicker method is defined in the {} object. Common configuration information is defined in the Wdatepicker.js file.
var $dp, Wdatepicker; (function () {var _={$wdate: True, $dpPath: "", $crossFrame: True,doublecalendar:false,// Whether the two-month calendar autoupdateonchanged:false,position:{},//location such as: Position:{left:100,top:50}lang: "Auto", Skin: "Default",// Skin datefmt: "Yyyy-mm-dd",//Date format realdatefmt: "Yyyy-mm-dd", Realtimefmt: "HH:mm:ss", Realfullfmt: "%date%time", MinDate: "1900-01-01 00:00:00",//min date maxdate: "2099-12-31 23:59:59",//Max date StartDate: "",//Start date alwaysusestartdate:false,// When the date box no matter what the value, always use StartDate as the start date yearoffset:1911,firstdayofweek:0,//Custom week of the first day isshowweek:false,// Whether to display the week highlineweekday:true,//Highlight Sunday isshowclear:true,//whether to display the empty isshowtoday:true,//Show Today isshowok:true,// Whether to display Okisshowothers:true,readonly:false,//whether read-only qsenabled:true,errdealmode:0,//Automatic error correction function//0 When you enter the wrong date, you will first be prompted//1 when you enter the wrong date, Automatically restores the previous correct value//2 when entering the wrong date, do not prompt and change, just make a mark, but this time the date box will not be hidden immediately autopickdate:null,//Point two times to select the reason for the date//is False when the date is not automatically entered, Instead, you can return a date value//to NULL (recommended) If there is a time set to false, or truespecialdates:null,//special date Specialdays:null, if it is true. Special day Disableddates:null,//Invalid date such as: disableddates:[' 5$ ']disableddays:null,//invalid days such as: disableddays:[6]opposite:false,//Effective Date
My97datepicker Basic Usage