|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
<meta name="keywords" content="ÈÕÆڿؼþ datepicker calendar ÈÕÀú¿Ø¼þ javascript jsÈÕÀú¿Ø¼þ ´øʱ¼ä ×Ô¶¨Òå¸ñʽ ÔÂÀú¿Ø¼þ ÈÕÆÚʱ¼ä ÈÕÆÚÑ¡Ôñ" />
|
<title>My97ÈÕÆڿؼþ ¹¦ÄÜÑÝʾ ÈÕÆÚ·¶Î§ÏÞÖÆ My97 Datepicker Demo</title>
|
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
|
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
|
</head>
|
<body>
|
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
|
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
|
<div class="dCenter dBody">
|
<div id="content">
|
|
<h2>¶þ. ¹¦Äܼ°Ê¾Àý<a name="m2" id="m2"></a></h2>
|
<h3>4. ÈÕÆÚ·¶Î§ÏÞÖÆ<a name="m24" id="m24"></a></h3>
|
<oL>
|
<LI>¾²Ì¬ÏÞÖÆ<a name="m241" id="m241"></a><br />
|
<span class="STYLE1">×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt ºÍ realTimeFmt Ò»Ö¶ø²»ÊÇÓë dateFmt Ò»ÖÂ</span>
|
<p>Äã¿ÉÒÔ¸øͨ¹ýÅäÖÃminDate(×îСÈÕÆÚ),maxDate(×î´óÈÕÆÚ)Ϊ¾²Ì¬ÈÕÆÚÖµ,À´ÏÞ¶¨ÈÕÆڵķ¶Î§</p><div>
|
<h4>ʾÀý4-1-1 ÏÞÖÆÈÕÆڵķ¶Î§ÊÇ 2006-09-10µ½2008-12-20</h4>
|
<p><input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/><br />
|
<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',<span class="STYLE2">minDate:</span><span class="STYLE1">'2006-09-10',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-12-20'</span>})"/></p>
|
</div><div>
|
<h4>ʾÀý4-1-2 ÏÞÖÆÈÕÆڵķ¶Î§ÊÇ 2008-3-8 11:30:00 µ½ 2008-3-10 20:59:30</h4>
|
<p><input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03-09 11:00:00"/><br />
|
<input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy-MM-dd HH:mm:ss',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'2008-03-08 11:30:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-03-10 20:59:30'</span>})" value="2008-03-09 11:00:00"/></p>
|
</div><div>
|
<h4>ʾÀý4-1-3 ÏÞÖÆÈÕÆڵķ¶Î§ÊÇ 2008Äê2Ô µ½ 2008Äê10ÔÂ</h4>
|
<p><input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt:'yyyyÄêMÔÂ',minDate:'2008-2',maxDate:'2008-10'})"/><br />
|
<input type="text" class="Wdate" id="d413" onfocus="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyyÄêMÔÂ',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'2008-2',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-10'</span>})"/></p>
|
</div><div>
|
<h4>ʾÀý4-1-4 ÏÞÖÆÈÕÆڵķ¶Î§ÊÇ 8:00:00 µ½ 11:30:00</h4>
|
<p><input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/><br />
|
<input type="text" class="Wdate" id="d414" onfocus="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'H:mm:ss',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'8:00:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'11:30:00'</span>})"/></p>
|
</div></LI>
|
<LI>¶¯Ì¬ÏÞÖÆ<a name="m242" id="m242"></a><br />
|
<span class="STYLE1">×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt ºÍ realTimeFmt Ò»Ö¶ø²»ÊÇÓë dateFmt Ò»ÖÂ</span>
|
<p>Äã¿ÉÒÔͨ¹ýϵͳ¸ø³öµÄ¶¯Ì¬±äÁ¿,Èç%y(µ±Ç°Äê),%M(µ±Ç°ÔÂ)µÈÀ´ÏÞ¶ÈÈÕÆÚ·¶Î§,Ä㻹¿ÉÒÔͨ¹ý{}½øÐбí´ïʽÔËËã,Èç:{%d+1}:±íʾÃ÷Ìì<br />
|
<br />
|
¶¯Ì¬±äÁ¿±í</p>
|
<table width="335" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
|
<tr>
|
<th width="62">¸ñʽ</th>
|
<th width="258">˵Ã÷</th>
|
</tr>
|
<tr>
|
<td align="center">%y </td>
|
<td>µ±Ç°Äê</td>
|
</tr>
|
<tr>
|
<td align="center">%M </td>
|
<td>µ±Ç°ÔÂ</td>
|
</tr>
|
<tr>
|
<td align="center">%d </td>
|
<td>µ±Ç°ÈÕ</td>
|
</tr>
|
<tr>
|
<td align="center">%ld</td>
|
<td>±¾ÔÂ×îºóÒ»Ìì</td>
|
</tr>
|
<tr>
|
<td align="center">%H </td>
|
<td>µ±Ç°Ê±</td>
|
</tr>
|
<tr>
|
<td align="center">%m </td>
|
<td>µ±Ç°·Ö</td>
|
</tr>
|
<tr>
|
<td align="center">%s </td>
|
<td>µ±Ç°Ãë</td>
|
</tr>
|
<tr>
|
<td align="center">{}</td>
|
<td>ÔËËã±í´ïʽ,Èç:{%d+1}:±íʾÃ÷Ìì</td>
|
</tr>
|
<tr>
|
<td align="center">#F{}</td>
|
<td>{}Ö®¼äÊǺ¯Êý¿Éд×Ô¶¨ÒåJS´úÂë</td>
|
</tr>
|
</table>
|
<div>
|
<h4>ʾÀý4-2-1 Ö»ÄÜÑ¡Ôñ½ñÌìÒÔÇ°µÄÈÕÆÚ(°üÀ¨½ñÌì)</h4>
|
<p><input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/><br />
|
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%d'</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý4-2-2 <span class="STYLE2">ʹÓÃÁËÔËËã±í´ïʽ</span> Ö»ÄÜÑ¡Ôñ½ñÌìÒÔºóµÄÈÕÆÚ(²»°üÀ¨½ñÌì)</h4>
|
<p><input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/><br />
|
<input id="d422" class="Wdate" type="text" onfocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-{%d+1}'</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý4-2-3 Ö»ÄÜÑ¡Ôñ±¾ÔµÄÈÕÆÚ1ºÅÖÁ±¾ÔÂ×îºóÒ»Ìì</h4>
|
<p><input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/><br />
|
<input id="d423" class="Wdate" type="text" onfocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý4-2-4 Ö»ÄÜÑ¡Ôñ½ñÌì7:00:00ÖÁÃ÷Ìì21:00:00µÄÈÕÆÚ</h4>
|
<p><input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/><br />
|
<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-%d 7:00:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-{%d+1} 21:00:00'</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý4-2-5 <span class="STYLE2">ʹÓÃÁËÔËËã±í´ïʽ</span> Ö»ÄÜÑ¡Ôñ 20Сʱǰ ÖÁ 30Сʱºó µÄÈÕÆÚ</h4>
|
<p><input id="d425" class="Wdate" 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 />
|
<input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-%d {%H-20}:%m:%s'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%d {%H+30}:%m:%s'</span>})"/></p>
|
</div>
|
</LI>
|
<LI>½Å±¾×Ô¶¨ÒåÏÞÖÆ<a name="m243" id="m243"></a><br />
|
<span class="STYLE1">×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt ºÍ realTimeFmt Ò»Ö¶ø²»ÊÇÓë dateFmt Ò»ÖÂ</span>
|
<p>ϵͳÌṩÁË$dp.$DºÍ$dp.$DVÕâÁ½¸öAPIÀ´¸¨ÖúÄã½øÐÐÈÕÆÚÔËËã,´ËÍâÄ㻹¿ÉÒÔͨ¹ýÔÚ #F{} ÖÐÌîÈëÄã×Ô¶¨ÒåµÄ½Å±¾,×öÈκÎÄãÏë×öµÄÈÕÆÚÏÞÖÆ</p><div>
|
<h4>ʾÀý4-3-1 Ç°ÃæµÄÈÕÆÚ²»ÄÜ´óÓÚºóÃæµÄÈÕÆÚÇÒÁ½¸öÈÕÆÚ¶¼²»ÄÜ´óÓÚ 2020-10-01</h4>
|
<p>ºÏͬÓÐЧÆÚ´Ó
|
<input type="text" class="Wdate" id="d4311" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>
|
µ½
|
<input type="text" class="Wdate" id="d4312" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>
|
<br />
|
<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({<span class="STYLE2">maxDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'</span>})"/> <br />
|
<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4311\')}'</span>,<span class="STYLE2">maxDate:'2020-10-01'</span>})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span><br />
|
Á½¸öÈÕÆÚµÄÈÕÆÚ¸ñʽ±ØÐëÏàͬ<br />
|
<br />$dp.$ Ï൱ÓÚ document.getElementById º¯Êý.<br />
|
ÄÇôΪʲôÀïÃæµÄ ' ʹÓà \' ÄØ? ÄÇÊÇÒòΪ " ºÍ ' ¶¼±»ÍâΧµÄº¯ÊýʹÓÃÁË,¹ÊʹÓÃתÒå·û \ ,·ñÔò»áÌáʾJSÓï·¨´íÎó.<br />
|
ËùÒÔÄúÔÚÆäËûµØ·½Ê¹ÓÃʱעÒâ°Ñ \' ¸Ä³É " »òÕß ' À´Ê¹ÓÃ.<br />
|
<br />
|
#F{$dp.$D(\'d4312\')||\'2020-10-01\'}
|
±íʾµ± d4312 Ϊ¿Õʱ, ²ÉÓà 2020-10-01 µÄÖµ×÷Ϊ×î´óÖµ<br />
|
</p>
|
</div><div>
|
<h4>ʾÀý4-3-2 Ç°ÃæµÄÈÕÆÚ+3Ìì ²»ÄÜ´óÓÚ ºóÃæµÄÈÕÆÚ</h4>
|
<p>ÈÕÆÚ´Ó
|
<input type="text" class="Wdate" id="d4321" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
|
µ½
|
<input type="text" class="Wdate" id="d4322" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>
|
<br />
|
<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({<span class="STYLE2">maxDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4322\',{d:-3});}'</span>})"/><br />
|
<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4321\',{d:3});}'</span>})"/><br />
|
<br />
|
ʹÓà <span class="STYLE2">$dp.$D º¯Êý</span> ¿ÉÒÔ½«ÈÕÆÚ¿òÖеÄÖµ,¼ÓÉ϶¨ÒåµÄÈÕÆÚ²îÁ¿:<br />
|
Á½¸ö²ÎÊý: <span class="STYLE1">id={×Ö·ûÀàÐÍ}ÐèÒª´¦ÀíµÄÎı¾¿òµÄidÖµ</span> , <span class="STYLE1">obj={¶ÔÏóÀàÐÍ}ÈÕÆÚ²îÁ¿</span><br />
|
<span class="STYLE2">ÈÕÆÚ²îÁ¿Ó÷¨:</span><br />
|
ÊôÐÔy,M,d,H,m,s·Ö±ð´ú±íÄêÔÂÈÕʱ·ÖÃë<br />
|
Èç <br />
|
Ϊ¿Õʱ,±íʾֱ½ÓÈ¡Öµ,²»×ö²îÁ¿(ʾÀý4-3-1ÖеIJÎÊý¾ÍÊÇ¿ÕµÄ)<br />
|
{M:5,d:7} ±íʾ Îå¸öÔÂÁã7Ìì<br />
|
{y:1,d:-3} ±íʾ 1ÄêÉÙ3Ìì<br />
|
{d:1,H:1} ±íʾһÌì¶à1Сʱ</p>
|
</div><div>
|
<h4>ʾÀý4-3-3 Ç°ÃæµÄÈÕÆÚ+3ÔÂÁã2Ìì ²»ÄÜ´óÓÚ ºóÃæµÄÈÕÆÚ ÇÒ Ç°ÃæÈÕÆÚ¶¼²»ÄÜ´óÓÚ 2020-4-3¼õÈ¥3ÔÂÁã2Ìì ºóÃæÈÕÆÚ ²»ÄÜ´óÓÚ 2020-4-3</h4>
|
<p>סµêÈÕÆÚ´Ó
|
<input type="text" class="Wdate" id="d4331" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}'})"/>
|
µ½
|
<input type="text" class="Wdate" id="d4332" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4331\',{M:3,d:2});}',maxDate:'2020-4-3'})"/>
|
<br />
|
<input type="text" class="Wdate" id="d4331" onFocus="WdatePicker({<span class="STYLE2">maxDate:</span>'<span class="STYLE1">#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}</span>'})"/><br />
|
<input type="text" class="Wdate" id="d4332" onFocus="WdatePicker({<span class="STYLE2">minDate:</span>'<span class="STYLE1">#F{$dp.$D(\'d4331\',{M:3,d:2});}</span>',<span class="STYLE1">maxDate:</span>'<span class="STYLE1">2020-4-3</span>'})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:<br />
|
</span>#F{$dp.$D(\'d4332\',{M:-3,d:-2}) || $dp.$DV(\'2020-4-3\',{M:-3,d:-2})}<br />
|
±íʾµ± d4332 Ϊ¿Õʱ, ²ÉÓà $dp.$DV(\'2020-4-3\',{M:-3,d:-2})} µÄÖµ×÷Ϊ×î´óÖµ</p>
|
<p>ʹÓà <span class="STYLE2">$dp.$DV º¯Êý</span> ¿ÉÒÔ½«ÏÔʽ´«ÈëµÄÖµ,¼ÓÉ϶¨ÒåµÄÈÕÆÚ²îÁ¿:<br />
|
Á½¸ö²ÎÊý: <span class="STYLE1">value={×Ö·ûÀàÐÍ}ÐèÒª´¦ÀíµÄÖµ</span> , <span class="STYLE1">obj={¶ÔÏóÀàÐÍ}ÈÕÆÚ²îÁ¿</span><br />
|
Ó÷¨Í¬ÉÏÃæµÄ <span class="STYLE2">$dp.$D</span> ÀàËÆ,Èç $dp.$DV(\'2020-4-3\',{M:-3,d:-2}) ±íʾ 2020-4-3¼õÈ¥3ÔÂÁã2Ìì</p>
|
</div><div>
|
<h4>ʾÀý4-3-4 ·¢»ÓÄãµÄJS²ÅÄÜ,¶¨ÒåÈκÎÄãÏëÒªµÄÈÕÆÚÏÞÖÆ</h4>
|
<p>×Ô¶¯×ªµ½Ëæ»úÉú³ÉµÄÒ»Ìì,µ±È»,´ËʾÀýûÓÐʵ¼ÊµÄÓÃ;,Ö»ÊÇΪÑÝʾĿµÄ<br />
|
<script>
|
//·µ»ØÒ»¸öËæ»úµÄÈÕÆÚ
|
function randomDate(){
|
var Y = 2000 + Math.round(Math.random() * 10);
|
var M = 1 + Math.round(Math.random() * 11);
|
var D = 1 + Math.round(Math.random() * 27);
|
return Y+'-'+M+'-'+D;
|
}
|
</script>
|
<input type="text" class="Wdate" id="d434" onfocus="var date=randomDate();WdatePicker({minDate:date,maxDate:date})"/>
|
<br />
|
<script><br />
|
//·µ»ØÒ»¸öËæ»úµÄÈÕÆÚ<br />
|
function randomDate(){<br />
|
var Y = 2000 + Math.round(Math.random() * 10);<br />
|
var M = 1 + Math.round(Math.random() * 11);<br />
|
var D = 1 + Math.round(Math.random() * 27);<br />
|
return Y+'-'+M+'-'+D;<br />
|
}<br />
|
</script><br />
|
<input type="text" class="Wdate" id="d434" onFocus="<span class="STYLE1">var date=randomDate();WdatePicker({minDate:date,maxDate:date})</span>"/></p>
|
</div>
|
</LI>
|
<LI>ÎÞЧÌì<a name="m244" id="m244"></a>
|
<p>¿ÉÒÔʹÓô˹¦ÄܽûÓÃÖÜÈÕÖÁÖÜÁùËù¶ÔÓ¦µÄÈÕÆÚ,Ïà¹ØÊôÐÔ:disabledDays (0ÖÁ6 ·Ö±ð´ú±í ÖÜÈÕÖÁÖÜÁù)</p><div>
|
<h4>ʾÀý4-4-1 ½ûÓà ÖÜÁù Ëù¶ÔÓ¦µÄÈÕÆÚ</h4>
|
<p><input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[6]})"/><br />
|
<input id="d441" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">disabledDays:</span><span class="STYLE1">[6]</span>})"/></p>
|
</div><div>
|
<h4>ʾÀý4-4-2 ½ûÓà ÖÜÁù ÖÜÈÕ Ëù¶ÔÓ¦µÄÈÕÆÚ</h4>
|
<p><input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/><br />
|
<input id="d442" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">disabledDays:</span><span class="STYLE1">[0,6]</span>})"/></p>
|
</div>
|
</LI>
|
<LI>ÎÞЧÈÕÆÚ<a name="m245" id="m245"></a><br />
|
<span class="STYLE1">×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt ºÍ realTimeFmt Ò»Ö¶ø²»ÊÇÓë dateFmt Ò»ÖÂ</span>
|
<p>¿ÉÒÔʹÓô˹¦ÄܽûÓÃ,ËùÖ¸¶¨µÄÒ»¸ö»ò¶à¸öÈÕÆÚ,Ö»ÒªÄãÊìϤÕýÔò±í´ïʽ,Äã¿ÉÒÔ¾¡Çé·¢»Ó<br /><br />
|
<span class="STYLE2">Ó÷¨(ÕýÔòÆ¥Åä):</span> <br />
|
Èç¹ûÄãÊìϤÕýÔò±í´ïʽ,»áºÜÈÝÒ×Àí½âÏÂÃæµÄÆ¥ÅäÓ÷¨<br />
|
Èç¹û²»ÊìϤ,¿ÉÒԲο¼ÏÂÃæµÄ³£ÓÃʾÀý <br />
|
['2008-02-01','2008-02-29'] ±íʾ½ûÓà 2008-02-01 ºÍ 2008-02-29<br />
|
['2008-..-01','2008-02-29'] ±íʾ½ûÓà 2008-ËùÓÐÔ·Ý-01 ºÍ 2008-02-29<br />
|
['200[0-8]]-02-01','2008-02-29'] ±íʾ½ûÓà [2000ÖÁ2008]-02-01 ºÍ 2008-02-29<br />
|
['^2006'] ±íʾ½ûÓà 2006ÄêµÄËùÓÐÈÕÆÚ </p>
|
<p>´ËÍâ,Äú»¹¿ÉÒÔʹÓà %y %M %d %H %m %s µÈ±äÁ¿, Ó÷¨Í¬¶¯Ì¬ÈÕÆÚÏÞÖÆ <span class="STYLE1">×¢Òâ:%ld²»ÄÜʹÓÃ</span><br />
|
['....-..-01','%y-%M-%d'] ±íʾ½ûÓà ËùÓÐÄê·ÝºÍËùÓÐÔ·ݵĵÚÒ»ÌìºÍ½ñÌì <br />
|
['%y-%M-{%d-1}','%y-%M-{%d+1}'] ±íʾ½ûÓà ×òÌìºÍÃ÷Ìì</p>
|
<p>µ±È»,³ýÁË¿ÉÒÔÏÞÖÆÈÕÆÚÒÔÍâ,Äú»¹¿ÉÒÔÏÞÖÆʱ¼ä<br />
|
['....-..-.. 10\:00\:00'] ±íʾ½ûÓà ÿÌì10µã (×¢Òâ <span class="STYLE2">:</span> ÐèÒª ʹÓà <span class="STYLE2">\:</span> ) </p>
|
<p>²»ÔÙ¶à¾ÙÀýÁË,¾¡Çé·¢»ÓÄãµÄÕýÔò²ÅÄÜ°É!</p>
|
<div>
|
<h4>ʾÀý4-5-1 ½ûÓà ÿ¸öÔÂ·ÝµÄ 5ÈÕ 15ÈÕ 25ÈÕ</h4>
|
<p><input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/><br />
|
<input id="d451" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">disabledDates:</span><span class="STYLE1">['5$']</span>})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ
|
:</span><span class="STYLE2">'5$'</span> ±íʾÒÔ 5 ½áβ ×¢Òâ <span class="STYLE2">$</span> µÄÓ÷¨ </p>
|
</div><div>
|
<h4>ʾÀý4-5-2 ½ûÓà ËùÓÐÔçÓÚ2000-01-01µÄÈÕÆÚ</h4>
|
<p><input id="d452" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['^19']})"/><br />
|
<input id="d452" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">disabledDates:</span><span class="STYLE1">['^19']</span>})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span><span class="STYLE2">'^19'</span> ±íʾÒÔ 19 ¿ªÍ· ×¢Òâ <span class="STYLE2">^</span> µÄÓ÷¨ <br />
|
µ±È»,¿ÉÒÔʹÓÃminDateʵÏÖÀàËƵŦÄÜ ÕâÀïÖ÷ÒªÊÇ ÔÚÑÝʾ ^ µÄÓ÷¨</p>
|
</div><div>
|
<h4>ʾÀý4-5-3 ÅäºÏmin/maxDateʹÓÃ,¿ÉÒÔ°Ñ¿ÉÑ¡ÔñµÄÈÕÆÚ·Ö¸ô³É¶à¶Î</h4>
|
<p>±¾Ê¾Àý±¾Ô¿ÉÓÃÈÕÆÚ·Ö¸ô³ÉÎå¶Î ·Ö±ðÊÇ: 1-3 8-10 16-24 26,27 29-ÔÂÄ©<br />
|
<input id="d453" type="text" class="Wdate" onFocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld',disabledDates:['0[4-7]$','1[1-5]$','2[58]$']})"/><br />
|
<input id="d453" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['0[4-7]$','1[1-5]$','2[58]$']</span>})"/></p>
|
</div><div>
|
<h4>ʾÀý4-5-4 <span class="STYLE2">min/maxDate disabledDays disabledDates ÅäºÏʹÓÃ</span> ¼´Ê¹ÔÚÒªÇó·Ç³£¿Á¿ÌµÄÇé¿öÏÂÒ²ÄÜÂú×ãÐèÇó</h4>
|
<p><input id="d454" type="text" class="Wdate" onFocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld',disabledDates:['0[4-7]$','1[1-5]$','2[58]$'],disabledDays:[1,3,6]})"/><br />
|
<input id="d454" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['0[4-7]$','1[1-5]$','2[58]$']</span>,<span class="STYLE2">disabledDays:</span><span class="STYLE1">[1,3,6]</span>})"/></p>
|
</div><div>
|
<h4>ʾÀý4-5-5 ½ûÓÃÇ°Ò»¸öСʱºÍºóÒ»¸öСʱÄÚËùÓÐʱ¼ä ʹÓà %y %M %d %H %m %s µÈ±äÁ¿</h4>
|
<p>Êó±êµã»÷ СʱÊäÈë¿òʱ,Äã»á·¢ÏÖµ±È»Ê±¼ä¶ÔÓ¦µÄÇ°Ò»¸öСʱºÍºóÒ»¸öСʱÊÇ»ÒÉ«µÄ<br />
|
<input id="d2a25" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',disabledDates:['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']})"/>
|
<br />
|
<input id="d2a25" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">disabledDates:</span><span class="STYLE1">['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']</span>})"/> <br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>%y %M %dµÈÏê¼û<a href="#m242">¶¯Ì¬±äÁ¿±í</a></p>
|
</div><div>
|
<h4>ʾÀý4-5-6 #F{}Ò²ÊÇ¿ÉÒÔʹÓõÄ</h4>
|
<p>±¾Ê¾ÀýÀûÓÃ×Ô¶¨Ò庯Êý Ëæ»ú½ûÓÃ0-23ÖеÄÈκÎÒ»¸öСʱ<br />
|
´ò¿ªÐ¡Ê±Ñ¡Ôñ¿ò,Äã»á·¢ÏÖÓÐÒ»¸öСʱ±»½ûÓõÄ,¶øÇÒÿ´Î½ûÓõÄСʱ¶¼²»Í¬<br />
|
<input type="text" class="Wdate" id="d456" onFocus="WdatePicker({dateFmt:'HH:mm:ss',disabledDates:['#F{randomH()}']})"/>
|
<script>
|
function randomH(){
|
//²úÉúÒ»¸öËæ»úµÄÊý×Ö 0-23
|
var H = Math.round(Math.random() * 23);
|
if(H<10) H='0'+H;
|
//·µ»Ø '^' + Êý×Ö
|
return '^'+H;
|
}
|
</script>
|
<br />
|
<script><br />
|
function randomH(){<br />
|
//²úÉúÒ»¸öËæ»úµÄÊý×Ö 0-23 <br />
|
var H = Math.round(Math.random() * 23);<br />
|
if(H<10) H='0'+H;<br />
|
//·µ»Ø '^' + Êý×Ö<br />
|
return '^'+H;<br />
|
}<br />
|
</script><br />
|
<input type="text" class="Wdate" id="d456" onFocus="WdatePicker({dateFmt:'HH:mm:ss',<span class="STYLE2">disabledDates:</span><span class="STYLE1">['#F{randomH()}']</span>})"/></p>
|
</div></LI>
|
<li>ÓÐЧÈÕÆÚ<a name="m246" id="m246"></a>
|
<p>ʹÓÃÎÞЧÈÕÆÚ¿ÉÒԺܷ½±ãµÄ½ûÓò»¿ÉÓõÄÈÕÆÚ,µ«ÊÇÔÚÖ»ÐèÒªÆôÓÃÉÙ²¿·ÖÈÕÆÚµÄÇé¿öÏÂ,ÓÐЧÈÕÆڵŦÄܾͷdz£ÊʺÏÁË.<br />
|
<span class="STYLE1">¹Ø¼üÊôÐÔ:</span> <span class="STYLE2">opposite</span> ĬÈÏΪfalse, Ϊtrueʱ,ÎÞЧÈÕÆÚ±ä³ÉÓÐЧÈÕÆÚ,<b>¸ÃÊôÐÔ¶ÔÎÞЧÌì,ÌØÊâÌì²»Æð×÷ÓÃ</b> </p>
|
<div>
|
<h4>ʾÀý4-6 Ö»ÆôÓà ÿ¸öÔÂ·ÝµÄ 5ÈÕ 15ÈÕ 25ÈÕ</h4>
|
<p><input id="d46" type="text" class="Wdate" onFocus="WdatePicker({opposite:true,disabledDates:['5$']})"/><br />
|
<input id="d46" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">opposite:</span><span class="STYLE1">true</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['5$']</span>})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ
|
:</span><span class="STYLE2">'5$'</span> ±íʾÒÔ 5 ½áβ ×¢Òâ <span class="STYLE2">$</span> µÄÓ÷¨ </p>
|
</div>
|
</li>
|
<li>ÌØÊâÌìºÍÌØÊâÈÕÆÚ<a name="m247" id="m247"></a>
|
<p><span class="STYLE1">ÌØÊâÌìºÍÌØÊâÈÕÆÚµÄÓ÷¨¸úÍêÈ«ÎÞЧÌìºÍÎÞЧÈÕÆÚÍêÈ«Ïàͬ,µ«ÊÇoppositeÊôÐÔ¶ÔÆäÎÞЧ</span><br />
|
<br />
|
<span class="STYLE1">¹Ø¼üÊôÐÔ:</span><br />
|
<span class="STYLE2">specialDays </span>(0ÖÁ6 ·Ö±ð´ú±í ÖÜÈÕÖÁÖÜÁù) Ó÷¨Í¬ÎÞЧÌì <br />
|
<span class="STYLE2">specialDates</span> Ó÷¨Í¬ÎÞЧÈÕÆÚ,µ«ÊǶÔʱ·ÖÃëÎÞЧ</p>
|
<div>
|
<h4>ʾÀý4-7-1 ¸ßÁÁÿÖÜ ÖÜÒ» ÖÜÎå</h4>
|
<p><input id="d471" type="text" class="Wdate" onFocus="WdatePicker({specialDays:[1,5]})"/><br />
|
<input id="d471" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">specialDays:</span><span class="STYLE1">[1,5]</span>})"/> </p>
|
</div>
|
<div>
|
<h4>ʾÀý4-7-2 ¸ßÁÁÿÔ 1ºÅ 15ºÅ</h4>
|
<p><input id="d472" type="text" class="Wdate" onFocus="WdatePicker({specialDates:['....-..-01','....-..-15']})"/><br />
|
<input id="d472" type="text" class="Wdate" onFocus="WdatePicker({<span class="STYLE2">specialDates:</span><span class="STYLE1">['....-..-01','....-..-15']</span>})"/> </p>
|
</div>
|
</li>
|
</oL>
|
<h3><a href="2.5.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp">5. ×Ô¶¨Òåʼþ</a><a name="m25" id="m25"></a></h3>
|
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. ¿ìËÙÑ¡Ôñ¹¦ÄÜ</a> <a name="m26" id="m26"></a></h3>
|
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp">Èý. ÅäÖÃ˵Ã÷</a><a name="m3" id="m3"></a></h2>
|
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp">ËÄ. ÈçºÎʹÓÃ</a><a name="m4" id="m4"></a></h2>
|
<br />
|
<br />
|
</div>
|
<div style="clear:both"></div>
|
</div>
|
<div class="dCenter dBody" style="padding-left:72px">
|
<script type="text/javascript"><!--
|
google_ad_client = "ca-pub-6343250634002651";
|
/* µ×²¿ */
|
google_ad_slot = "0599809152";
|
google_ad_width = 728;
|
google_ad_height = 90;
|
//-->
|
</script>
|
<script type="text/javascript">
|
</script>
|
</div>
|
<div id="footer" class="dCenter">© 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved. <script type="text/javascript">
|
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
|
</script> ÕãICP±¸11060275ºÅ
|
</div>
|
</body>
|
</html>
|
