My97datepicker Time Control usage instructions

General invocation:
<input id= "date01" type= "text" onclick= "Wdatepicker ()"/>
<br/>
<br/>

Regular call (the date icon appears at the end of the text box):
<input id= "Date02" type= "text" class= "wdate" onclick= "Wdatepicker ()"/>
<br/>
<br/>

Icon to trigger (only click on the icon to pop up the date selection box):
<br/>
<input id= "Iconinvoke" type= "text"/>

<br/>
<br/>

<font color= "Blue" > Disable emptying (that is, after the user selects the date, you cannot press the Detele key in the text box to delete or empty, you can only re-select the date) </font>
<br/>
<input type= "text" class= "wdate" onfocus= "Wdatepicker ({isshowclear:false, readonly:true})"/>
<br/>
<br/>

<font color= "Blue" > Customize the first day of the week (4.6 New: Set Monday for the first day of the week) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({firstdayofweek:1})"/>
<br/>
<br/>

<font color= "Blue" > Custom date display format (this is set to Yyyy-mm-dd hh:mm, this is the same as Java, you can also set other such as ' YYYY years MM month ') </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({datefmt: ' Yyyy-mm-dd hh:mm '})"/>
<br/>
<br/>

<font color= "Blue" > Bi-monthly calendar feature (4.6 New: Can pop up a two month calendar at the same time) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({doublecalendar:true, datefmt: ' Yyyy-mm-dd '})"/>
<br/>
<br/>

<font color= "Blue" > Restricted date range from 2013-09-14 to 2013-9-20</font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({mindate: ' 2013-09-14 ', maxdate: ' 2013-9-20 '})"/>
<br/>
<br/>

<font color= "Blue" > Restricted date range from 10:00:20 to 14:30:00</font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({datefmt: ' HH:mm:ss ', mindate: ' 10:00:20 ', maxdate: ' 14:30:00 '})"/>
<br/>
<br/>

<font color= "Blue" > Restricted date Range 2013-9-14 10:30 to 2013-9-15 16:40</font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({datefmt: ' Yyyy-mm-dd hh:mm ', mindate: ' 2013-09-14 ', MaxDate: ' 2013-09-15 16:40 '}) "/>
<br/>
<br/>

<font color= "Blue" > can only select dates prior to today (including today) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({maxdate: '%y-%m-%d '})"/>
<br/>
<br/>

<font color= "Blue" > can only select the date after today (excluding today) (this is used with the my97datepicker expression) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({mindate: '%y-%m-{%d+1} '})"/>
<br/>
<br/>

<font color= "Blue" > only select the first day of this month's date to the last day </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({mindate: '%y-%m-01 ', maxdate: '%y-%m-%ld '})"/>
<br/>
<br/>

<font color= "Blue" > can only choose today from 10:20 to tomorrow 14:28 of the date </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({datefmt: ' Yyyy-mm-dd hh:mm ', mindate: '%y-%m-%d 10:20 ', maxDate: '%y-%M-{%d +1} 14:28 '}) "/>
<br/>
<br/>

<font color= "Blue" > can only select a date from 20 hours ago to 30 hours (this is where the My97datepicker op-expression is used) </font>
<br/>
<input type= "text" 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/>

<font color= "Blue" > later date is greater than the previous date, and two dates cannot be greater than 2020-10-01</font>
<br/>
<input type= "text" id= "date01" onfocus= "Wdatepicker ({maxdate: ' #F {$dp. $D (\ ' date02\ ') | | \ ' 2020-10-01\ '} ') "/>
To
<input type= "text" id= "Date02" onfocus= "Wdatepicker ({mindate: ' #F {$dp. $D (\ ' date01\ ')} ', MaxDate: ' 2020-10-01 '})"/ >
<br/>
<br/>

<font color= "Blue" > The following date is at least 3 days older than the previous date </font>
<br/>
<input type= "text" id= "date03" onfocus= "Wdatepicker ({maxdate: ' #F {$dp. $D (\ ' date04\ ', {d:-3})" />
To
<input type= "text" id= "date04" onfocus= "Wdatepicker ({mindate: ' #F {$dp. $D (\ ' date03\ ', {d:3})" />
<br/>
<br/>

<font color= "Blue" > Disabled week 6th </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({disableddays:[0,6]})"/>
<br/>
<br/>

<font color= "Blue" > Disabled monthly 5th 15th 25th (' 5$ ' means ending with 5) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({disableddates:[' 5$ ']})"/>
<br/>
<br/>

<font color= "Blue" > disables all dates older than 2000-01-01 (' ^19 ' means starting with 19, using mindate to implement similar functions, mainly demonstrating the use of ^) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({disableddates:[' ^19 ']})"/>
<br/>
<br/>

<font color= "Blue" > Separates this month's available dates into five segments, namely: 1-3, 8-10, 16-24, 26, 27, 29 to the end of the day </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({mindate: '%y-%m-01 ', maxdate: '%y-%m-%ld ', disableddates:[' 0[4-7]$ ', ' 1[ 1-5]$ ', ' 2[58]$ ']}) "/>
<br/>
<br/>

<font color= "Blue" > Separates this month's available dates into five segments, namely: 1-3, 8-10, 16-24, 26, 27, 29 to the end of the month, and disables each Monday, six </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({mindate: '%y-%m-01 ', maxdate: '%y-%m-%ld ', disableddates:[' 0[4-7]$ ', ' 1[ 1-5]$ ', ' 2[58]$ '], disableddays:[1,3,6]}) "/>
<br/>
<br/>

<font color= "Blue" > Disable all time in the first one hours and after one hours (mouse click date Input box, you will find the current time corresponding to the first one hours and the last one hours is gray) </font>
<br/>
<input type= "text" onfocus= "Wdatepicker ({datefmt: ' Yyyy-mm-dd hh:mm ', disableddates:['%y-%m-%d {%H-1}\:). \:.. ', '%y-%m-%d {%h+1}\:. \:..‘]})" />
<br/>
<br/>

<form action= "Servlet/datepickerservlet" method= "POST" >
<font color= "Blue" >
Only 7 days or less (including today) can be selected <br/>
Note: Assume that the user first selects the later date as the day after tomorrow, and then selects the previous date, at which point the previous date allows to select 5 days before today <br/>
Note: This is for future editing purposes (for example, these dates are the start and end dates for an activity, and the user has the right to change the date after posting the activity)
</font>
<br/>
<input type= "text" id= "StartTime" name= "StartTime" onfocus= "Wdatepicker ({isshowclear:false, readonly:true, DATEFMT: ' Yyyy-mm-dd hh:mm ', maxdate: ' #F {$dp. $D (\ ' endtime\ ')} ', MinDate: ' #F {$dp. $D (\ ' endtime\ ', {d:-7}) | | \ '%y-%m-%d\ '} ') "/>
To
<input type= "text" id= "EndTime" name= "EndTime" onfocus= "Wdatepicker ({isshowclear:false, readonly:true, datefmt: ' Yyyy-mm-dd hh:mm ', mindate: ' #F {$dp. $D (\ ' starttime\ ')} ', MaxDate: ' #F {$dp. $D (\ ' starttime\ ', {d:7});} ') " />
<br/>
<br/>
<input type= "Submit" value= "commit event Date to Server" >
</form>

Set Display week:
<input type= "text" onfocus= "Wdatepicker ({readonly:true, isshowweek:true})"/>
<br/>
<br/>

The start date cannot be greater than the end date and cannot be greater than today:
<input id= "data05" type= "text" onfocus= "Wdatepicker ({maxdate: ' #F {$dp. $D (\ ' data06\ ') | | \ ' new Date () \ '} ') "/>
<input id= "data06" type= "text" onfocus= "Wdatepicker ({mindate: ' #F {$dp. $D (\ ' data05\ ')} ', Maxdate:new Date ()})"/ >
<br/>
<br/>

Set read-only:
<input id= "data05" type= "text" onfocus= "Wdatepicker ({readonly:true})"/>
<br/>
<br/>

Set today to the maximum date:
<input id= "data05" type= "text" onfocus= "Wdatepicker ({maxdate:new Date ()})"/>
<br/>
<br/>

Set today as the minimum date:
<input id= "data05" type= "text" onfocus= "Wdatepicker ({mindate:new Date ()})"/>
<br/>
<br/>


Format: Month and day hours and seconds:
<input id= "data05" type= "text" onfocus= "Wdatepicker ({datefmt: ' YYYY year mm month DD Day hh: mm: ss sec '})" style= "width:350px;" />

My97datepicker Time Control usage instructions