|
<!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>2. ÌØÉ«¹¦ÄÜ <a name="m22" id="m22"></a></h3>
|
<ol>
|
<li>ƽÃæÏÔʾ
|
<a name="m221" id="m221"></a>
|
<p>ÈÕÆڿؼþÖ§³ÖƽÃæÏÔʾ¹¦ÄÜ,Ö»ÒªÉèÖÃÒ»ÏÂeContÊôÐԾͿÉÒÔ°ÑËüµ±×÷ÈÕÀúÀ´Ê¹ÓÃÁË,ÎÞÐè´¥·¢Ìõ¼þ,Ö±½ÓÏÔʾÔÚÒ³ÃæÉÏ</p>
|
<br />
|
<div>
|
<h4>ʾÀý2-1 ƽÃæÏÔʾÑÝʾ</h4>
|
<div id="div1" style="border:0;padding:5px"></div>
|
<script>
|
WdatePicker({eCont:'div1',onpicked:function(dp){alert('ÄãÑ¡ÔñµÄÈÕÆÚÊÇ:'+dp.cal.getDateStr())}})
|
</script>
|
<p> <div id="<span class="STYLE1">div1</span>"></div><br />
|
<script><br />
|
WdatePicker({<span class="STYLE2">eCont:</span><span class="STYLE1">'div1'</span>,onpicked:function(dp){alert('ÄãÑ¡ÔñµÄÈÕÆÚÊÇ:'+dp.cal.getDateStr())}})<br />
|
</script><br />
|
<br />
|
$dp.cal.getDateStr Ó÷¨Ïê¼û<a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5">ÄÚÖú¯ÊýºÍÊôÐÔ</a></p>
|
</div>
|
</li>
|
<li>Ö§³Ö¶àÖÖÈÝÆ÷
|
<a name="m222" id="m222"></a>
|
<p>³ýÁË¿ÉÒÔ½«Öµ·µ»Ø¸øinputÒÔÍâ,»¹¿ÉÒÔͨ¹ýÅäÖÃelÊôÐÔ½«Öµ·µ»Ø¸øÆäËûµÄÔªËØ(Èç:textarea,div,span)µÈ,´øÓÐinnerHTMLÊôÐÔµÄHTMLÔªËØ</p>
|
<div>
|
<h4>ʾÀý2-2 ½«ÈÕÆÚ·µ»Øµ½<span>ÖÐ</h4>
|
<p><span id="demospan">2008-01-01</span> <img onClick="WdatePicker({el:'demospan'})" src="../../../skin/datePicker.gif" tppabs="http://www.my97.net/dp/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer" /><br />
|
<br />
|
´úÂë:<br />
|
<span id="<span class="STYLE1">demospan</span>">2008-01-01</span> <br />
|
<img onClick="WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'demospan'</span>})" src="../../../skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer" /></p>
|
</div>
|
</li>
|
<li>ÆðʼÈÕÆÚ¹¦ÄÜ <a name="m223" id="m223"></a><br />
|
<span class="STYLE1">×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt ºÍ realTimeFmt Ò»Ö¶ø²»ÊÇÓë dateFmt Ò»ÖÂ</span>
|
<p>ÓÐʱÔÚÏîÄ¿ÖÐÐèҪѡÔñÉúÈÕÖ®ÀàµÄÈÕÆÚ,¶øĬÈϵ㿪ʼÈÕÆÚ¶¼Êǵ±Ç°ÈÕÆÚ,µ¼ÖÂÄê·ÝÑ¡Ôñ·Ç³£Âé·³,Äã¿ÉÒÔͨ¹ýÆðʼÈÕÆÚ¹¦ÄܼÓÉÏÅäÖÃalwaysUseStartDateÊôÐÔÇáËɽâ¾ö´ËÀàÎÊÌâ</p>
|
<div>
|
<h4>ʾÀý2-3-1 ÆðʼÈÕÆÚ¼òµ¥Ó¦Óà </h4>
|
<p>ĬÈϵÄÆðʼÈÕÆÚΪ 1980-05-01<br />
|
µ±ÈÕÆÚ¿ò<span class="STYLE2">Ϊ¿Õֵʱ</span>,½«Ê¹Óà 1980-05-01 ×öΪÆðʼÈÕÆÚ <br />
|
<br />
|
<input type="text" id="d221" onFocus="WdatePicker({startDate:'1980-05-01'})"/>
|
<br />
|
<input type="text" id="d221" onFocus="WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'1980-05-01'</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý2-3-2 alwaysUseStartDateÊôÐÔÓ¦ÓÃ</h4>
|
<p>ĬÈϵÄÆðʼÈÕÆÚΪ 1980-05-01<br />
|
µ±ÈÕÆÚ¿ò<span class="STYLE2">ÎÞÂÛÊǺÎÖµ</span>,ʼÖÕʹÓà 1980-05-01 ×öΪÆðʼÈÕÆÚ <br />
|
<br />
|
<input type="text" id="d222" onfocus="WdatePicker({startDate:'1980-05-01',alwaysUseStartDate:true})"/>
|
<br />
|
<input type="text" id="d222" onFocus="WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'1980-05-01'</span>,<span class="STYLE2">alwaysUseStartDate:</span><span class="STYLE1">true</span>})"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý2-3-3 ʹÓÃÄÚÖòÎÊý</h4>
|
<p>³ýÁËʹÓþ²Ì¬µÄÈÕÆÚÖµÒÔÍâ,»¹¿ÉÒÔʹÓö¯Ì¬²ÎÊý(Èç:%y,%M·Ö±ð±íʾµ±Ç°ÄêºÍÔÂ)<br />
|
<br />
|
ÏÂÀýÑÝʾ,<span class="STYLE2">ÄêÔÂÈÕʹÓõ±Äêµ±ÔµÄ1ÈÕ,ʱ·ÖÃëʹÓÃ00:00:00×÷ΪÆðʼʱ¼ä</span><br />
|
<br />
|
<input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"/>
|
<br />
|
<input type="text" id="d233" onFocus="WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'%y-%M-01 00:00:00'</span>,dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">alwaysUseStartDate:</span><span class="STYLE1">true</span>})"/></p>
|
</div>
|
</li>
|
<li>×Ô¶¨Òå¸ñʽ
|
<a name="m224" id="m224"></a>
|
<p>yMdHmswW·Ö±ð´ú±íÄêÔÂÈÕʱ·ÖÃëÐÇÆÚÖÜ,Äã¿ÉÒÔÈÎÒâ×éºÏÕâЩԪËØÀ´×Ô¶¨ÒåÄã¸öÐÔ»¯µÄÈÕÆÚ¸ñʽ. </p>
|
<br />
|
ÈÕÆÚ¸ñʽ±í
|
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
|
<tr>
|
<th width="12%">¸ñʽ</th>
|
<th width="88%">˵Ã÷</th>
|
</tr>
|
<tr>
|
<td align="center">y</td>
|
<td>½«Äê·Ý±íʾΪ×î¶àÁ½Î»Êý×Ö¡£Èç¹ûÄê·Ý¶àÓÚÁ½Î»Êý£¬Ôò½á¹ûÖнöÏÔʾÁ½Î»µÍλÊý¡£</td>
|
</tr>
|
<tr>
|
<td align="center">yy </td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">yyy</td>
|
<td>½«Äê·Ý±íʾΪÈýλÊý×Ö¡£Èç¹ûÉÙÓÚÈýλÊý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">yyyy</td>
|
<td>½«Äê·Ý±íʾΪËÄλÊý×Ö¡£Èç¹ûÉÙÓÚËÄλÊý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">M</td>
|
<td>½«Ô·ݱíʾΪ´Ó 1 ÖÁ 12 µÄÊý×Ö</td>
|
</tr>
|
<tr>
|
<td align="center">MM</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">MMM</td>
|
<td>·µ»ØÔ·ݵÄËõд Ò»Ô ÖÁ Ê®¶þÔ (Ó¢ÎÄ״̬Ï Jan to Dec) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">MMMM</td>
|
<td>·µ»ØÔ·ݵÄÈ«³Æ Ò»Ô ÖÁ Ê®¶þÔ (Ó¢ÎÄ״̬Ï January to December) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">d</td>
|
<td>½«ÔÂÖÐÈÕÆÚ±íʾΪ´Ó 1 ÖÁ 31 µÄÊý×Ö¡£</td>
|
</tr>
|
<tr>
|
<td align="center">dd</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">H </td>
|
<td>½«Ð¡Ê±±íʾΪ´Ó 0 ÖÁ 23 µÄÊý×Ö¡£</td>
|
</tr>
|
<tr>
|
<td align="center">HH</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">m</td>
|
<td>½«·ÖÖÓ±íʾΪ´Ó 0 ÖÁ 59 µÄÊý×Ö¡£</td>
|
</tr>
|
<tr>
|
<td align="center">mm</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">s</td>
|
<td>½«Ãë±íʾΪ´Ó 0 ÖÁ 59 µÄÊý×Ö¡£</td>
|
</tr>
|
<tr>
|
<td align="center">ss</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã¡£</td>
|
</tr>
|
<tr>
|
<td align="center">w</td>
|
<td>·µ»ØÐÇÆÚ¶ÔÓ¦µÄÊý×Ö 0 (ÐÇÆÚÌì) - 6 (ÐÇÆÚÁù) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">D</td>
|
<td>·µ»ØÐÇÆÚµÄËõд Ò» ÖÁ Áù (Ó¢ÎÄ״̬Ï Sun to Sat) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">DD</td>
|
<td>·µ»ØÐÇÆÚµÄÈ«³Æ ÐÇÆÚÒ» ÖÁ ÐÇÆÚÁù (Ó¢ÎÄ״̬Ï Sunday to Saturday) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">W</td>
|
<td>·µ»ØÖܶÔÓ¦µÄÊý×Ö (1 - 53) ¡£</td>
|
</tr>
|
<tr>
|
<td align="center">WW</td>
|
<td>ͬÉÏ£¬Èç¹ûСÓÚÁ½Î»Êý£¬Ç°Ãæ²¹Áã (01 - 53) ¡£</td>
|
</tr>
|
</table>
|
<br />
|
ʾÀý<br />
|
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
|
<tr>
|
<th width="191">¸ñʽ×Ö·û´®</th>
|
<th width="460">Öµ</th>
|
</tr>
|
<tr>
|
<td>yyyy-MM-dd HH:mm:ss</td>
|
<td>2008-03-12 19:20:00</td>
|
</tr>
|
<tr>
|
<td>yyÄêMÔÂ</td>
|
<td>08Äê3ÔÂ</td>
|
</tr>
|
<tr>
|
<td>yyyyMMdd</td>
|
<td>20080312</td>
|
</tr>
|
<tr>
|
<td>½ñÌìÊÇ:yyyyÄêMÄêd HHʱmm·Ö </td>
|
<td>½ñÌìÊÇ:2008Äê3ÔÂ12ÈÕ 19ʱ20·Ö</td>
|
</tr>
|
<tr>
|
<td>H:m:s</td>
|
<td>19:20:0</td>
|
</tr>
|
<tr>
|
<td>yÄê</td>
|
<td>8Äê</td>
|
</tr>
|
<tr>
|
<td>MMMM d, yyyy</td>
|
<td>ÈýÔÂ 12, 2008</td>
|
</tr>
|
</table>
|
<div>
|
<h4>ʾÀý 2-4-1: ÄêÔÂÈÕʱ·ÖÃë</h4>
|
<p>
|
<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyyÄêMMÔÂddÈÕ HHʱmm·ÖssÃë'})" class="Wdate" style="width:300px"/>
|
<br />
|
<input type="text" id="d241" onfocus="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyyÄêMMÔÂddÈÕ HHʱmm·ÖssÃë'</span>})" class="Wdate" style="width:300px"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>µãÁ½´Î²ÅÄÜÑ¡ÔñÈÕÆÚµÄÔÒò,Ïê¼û <a href="3.asp.htm#autopickdate" tppabs="http://www.my97.net/dp/demo/resource/3.asp#autopickdate">autoPickDate</a> ÊôÐÔ</p>
|
</div>
|
<div>
|
<h4>ʾÀý 2-4-2 ʱ·ÖÃë</h4>
|
<p>
|
<input type="text" id="d242" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/>
|
<br />
|
<input type="text" id="d242" onfocus="WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'H:mm:ss'</span>})" class="Wdate"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>ÕâÀïÌáǰʹÓÃÁËƤ·ô(skin)ÊôÐÔ,ËùÒÔÄã»á¿´µ½Ò»¸ö²»Í¬µÄƤ·ô,Ƥ·ôÊôÐÔÏê¼û<a href="2.3.asp.htm#m232" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp#m232">×Ô¶¨ÒåºÍ¶¯Ì¬Çл»Æ¤·ô</a> </p>
|
</div>
|
<div>
|
<h4>ʾÀý 2-4-3 ÄêÔÂ</h4>
|
<p>
|
<input type="text" id="d243" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyyÄêMMÔÂ'})" class="Wdate"/>
|
<br />
|
<input type="text" id="d243" onfocus="WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyyÄêMMÔÂ'</span>})" class="Wdate"/></p>
|
</div>
|
<div>
|
<h4>ʾÀý 2-4-4 È¡µÃϵͳ¿Éʶ±ðµÄÈÕÆÚÖµ<span class="STYLE1">(ÖØÒª)</span></h4>
|
<p>ÀàËÆÓÚ 1999Äê7ÔÂ5ÈÕ ÕâÑùµÄÈÕÆÚÊDz»Äܹ»±»ÏµÍ³Ê¶±ðµÄ,Ëû±ØÐëת»»ÎªÄܹ»Ê¶±ðµÄÀàÐÍÈç 1999-07-05 <br />
|
<br />
|
<input id="d244" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyyÄêMÔÂdÈÕ',vel:'d244_2'})"/>
|
ÕæʵµÄÈÕÆÚÖµÊÇ:
|
<input id="d244_2" type="text" />
|
<br />
|
<input id="d244" type="text" class="Wdate" onfocus="WdatePicker(<span class="STYLE2">{dateFmt:</span><span class="STYLE1">'yyyyÄêMÔÂdÈÕ'</span>,<span class="STYLE2">vel:</span><span class="STYLE1">'d244_2'</span>})"/><br />
|
<input id="<span class="STYLE1">d244_2</span>" type="text" /><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>ÔÚʵ¼ÊÓ¦ÓÃÖÐ,Ò»°ã»á°ÑvelÖ¸¶¨ÎªÒ»¸ö<span class="STYLE2">hidden¿Ø¼þ</span>,ÕâÀïÊÇΪÁË°ÑÕæʵֵչʾ³öÀ´,ËùÒÔʹÓÃÎı¾¿ò<br />
|
<span class="STYLE1">¹Ø¼üÊôÐÔ:</span> <span class="STYLE2">vel</span> Ö¸¶¨Ò»¸ö¿Ø¼þ»ò¿Ø¼þµÄID,±ØÐë¾ßÓÐvalueÊôÐÔ(Èçinput),ÓÃÓÚ´æ´¢Õæʵֵ(Ò²¾ÍÊÇrealDateFmtºÍrealTimeFmt¸ñʽ»¯ºóµÄÖµ)</p>
|
</div>
|
<div>
|
<h4>ʾÀý 2-4-5 ÐÇÆÚ, Ô ÈÕ, Äê<span class="STYLE1">(4.6ÐÂÔö)</span></h4>
|
<p>
|
<input type="text" id="d245" style="width:200px" onfocus="WdatePicker({dateFmt:'DD, MMMM d, yyyy'})" class="Wdate"/>
|
<br />
|
<input type="text" id="d245" onfocus="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'DD, MMMM d, yyyy'</span>})" class="Wdate"/></p>
|
</div>
|
</li>
|
<li> Ë«ÔÂÈÕÀú¹¦ÄÜ<span class="STYLE1">(4.6ÐÂÔö)</span> <a name="m225" id="m225"></a>
|
<p>¿ÉÒÔͬʱµ¯³öÁ½¸öÔµÄÈÕÀú</p>
|
<div>
|
<h4>ʾÀý2-5 Ë«ÔÂÈÕÀú¹¦ÄÜ</h4>
|
<p>
|
<input class="Wdate" type="text" onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/>
|
<br />
|
<input class="Wdate" type="text" onfocus="WdatePicker({<span class="STYLE2">doubleCalendar:</span><span class="STYLE1">true</span>,dateFmt:'yyyy-MM-dd'})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>Ë«ÔÂÈÕÀúÒ»°ãÖ»ÓÃÓÚ°üº¬ÄêÔÂÈÕÈý¸öÔªËصij¡¾°,ÁíÍâÉèÖøÃÊôÐÔʱ,autoPickDate×Ô¶¯ÉèÖÃΪtrue</p>
|
</div>
|
</li>
|
<li>×Ô¶¯¾À´í¹¦ÄÜ
|
<a name="m226" id="m226"></a>
|
<p>¾À´í´¦Àí¿ÉÉèÖÃΪ3ÖÖģʽ:Ìáʾ(ĬÈÏ) ×Ô¶¯¾À´í ±ê¼Ç,µ±ÈÕÆÚ¿òÖеÄÖµ²»·ûºÏ¸ñʽʱ,ϵͳ»á³¢ÊÔ×Ô¶¯ÐÞ¸´,Èç¹ûÐÞ¸´Ê§°Ü»á¸ù¾ÝÄúÉèÖõľÀ´í´¦Àíģʽ½øÐд¦Àí,´íÎóÅжϹ¦Äܷdz£ÖÇÄÜËü¿ÉÒÔ±£Ö¤Óû§ÊäÈëµÄÖµÊÇÒ»¸öºÏ·¨µÄÖµ</p>
|
<div>
|
<h4>ʾÀý2-6-1 ²»ºÏ·¨µÄÈÕÆÚÑÝʾ</h4>
|
<p>ÇëÔÚÏÂÃæµÄÈÕÆÚ¿òÖÐ<span class="STYLE2">ÌîÈëÒ»¸ö²»ºÏ·¨µÄÈÕÆÚ(Èç:1997-02-29)</span>,ÔÙ<span class="STYLE2">³¢ÊÔÀ뿪½¹µã</span><br />
|
ʹÓÃĬÈÏÈÝ´íģʽ <span class="STYLE2">Ìáʾģʽ</span> errDealMode = 0 ÔÚÊäÈë´íÎóÈÕÆÚʱ,»áÏÈ<span class="STYLE2">Ìáʾ</span> <br />
|
<input type="text" class="Wdate" id="d261" onclick="WdatePicker()"/>
|
<br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>1997Äê²»ÊÇÈòÄêŶ</p>
|
</div>
|
<div>
|
<h4>ʾÀý2-6-2 ³¬³öÈÕÆÚÏÞÖÆ·¶Î§µÄÈÕÆÚÒ²±»ÈÏΪÊÇÒ»¸ö²»ºÏ·¨µÄÈÕÆÚ</h4>
|
<p>×î´óÈÕÆÚÊÇ2000-01-10 ,Èç¹ûÔÚÏ¿òÖÐÌîÈëµÄÈÕÆÚ ´óÓÚ 2000-01-10(Èç2000-01-12)Ò²»á±»ÈÏΪÊDz»ºÏ·¨µÄÈÕÆÚ <br />
|
<span class="STYLE2">×Ô¶¯¾À´íģʽ</span> errDealMode = 1 ÔÚÊäÈë´íÎóÈÕÆÚʱ,<span class="STYLE2">×Ô¶¯»Ö¸´Ç°Ò»´ÎÕýÈ·µÄÖµ</span><br />
|
<input name="text" type="text" class="Wdate" onfocus="WdatePicker({errDealMode:1,maxDate:'2000-01-10'})"/>
|
</p>
|
</div>
|
<div>
|
<h4>ʾÀý2-6-3 ʹÓÃÎÞЧÌìºÍÎÞЧÈÕÆÚ¹¦ÄÜÏÞÖƵÄÈÕÆÚÒ²±»ÈÏΪÊÇÒ»¸ö²»ºÏ·¨µÄÈÕÆÚ</h4>
|
<p>Èç:<br />
|
2008-02-20 ÎÞЧÈÕÆÚÏÞÖÆ<br />
|
2008-02-02 2008-02-09 2008-02-16 2008-02-23 ÎÞЧÌìÏÞÖÆ<br />
|
¶¼ÊÇÎÞЧÈÕÆÚ<br />
|
Äú¿ÉÒÔ³¢ÊÔÔÚÏ¿òÖÐÊäÈëÕâЩÈÕÆÚ,²¢À뿪½¹µã<br />
|
<br />
|
<span class="STYLE2">±ê¼Çģʽ</span> errDealMode = 2 ÔÚÊäÈë´íÎóÈÕÆÚʱ,<span class="STYLE2">²»×öÌáʾºÍ¸ü¸Ä,Ö»ÊÇ×öÒ»¸ö±ê¼Ç,µ«´ËʱÈÕÆÚ¿ò²»»áÂíÉÏÒþ²Ø</span><br />
|
<input name="text2" type="text" class="Wdate" onfocus="WdatePicker({errDealMode:2,maxDate:'2010-01-10',disabledDays:[6],disabledDates:['2008-02-20']})" value="2008-02-12"/>
|
<br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>±ê¼ÇÀà:WdateFmtErrÊÇÔÚskinĿ¼ÏÂWdatePicker.cssÖж¨ÒåµÄ</p>
|
</div>
|
</li>
|
<li>¿çÎÞÏÞ¼¶¿ò¼ÜÏÔʾ
|
<a name="m227" id="m227"></a>
|
<p>ÎÞÂÛÄã°ÑÈÕÆڿؼþ·ÅÔÚÄÄÀï,Ä㶼²»ÐèÒªµ£ÐĻᱻÍâ²ãµÄiframeËùÕÚµ²½ø¶øÓ°Ïì¿Í»§ÌåÑé,ÒòΪMy97ÈÕÆڿؼþÊÇ¿ÉÒÔ¿çÎÞÏÞ¼¶¿ò¼ÜÏÔʾµÄ</p>
|
<div>
|
<h4>ʾÀý2-7 ¿çÎÞÏÞ¼¶¿ò¼ÜÑÝʾ</h4>
|
<p>¿ÉÎÞÏÞ¿çÔ½¿ò¼Üiframe,ÎÞÂÛÔõôǶÌ׿ò¼Ü¶¼²»±Øµ£ÐÄÁË,¼´Ê¹Óйö¶¯ÌõÒ²²»ÅÂ<br />
|
<span class="STYLE1">×¢Òâ:JavascriptÊÇÎÞ·¨¿çÔ½framesetµÄ,µ«ÊÇMy97ÈÕÆڿؼþ¿ÉÎÞÏÞ¿çÔ½¿ò¼Üiframe,ÈκεÄframeset¶¼¿ÉÒÔʹÓÃiframe´úÌæ</span></p>
|
<iframe src="demo_iframe.htm" tppabs="http://www.my97.net/dp/demo/resource/demo_iframe.htm" width="100%" height="220px" frameborder="0"></iframe>
|
</div>
|
</li>
|
<li>Ãñ¹úÄêÈÕÀúºÍÆäËûÌØÊâÈÕÀú
|
<a name="m228" id="m228"></a>
|
<p>µ±Äê·Ý¸ñʽÉèÖÃΪyyy¸ñʽʱ,ÀûÓÃÄê·Ý²îÁ¿ÊôÐÔyearOffset(ĬÈÏÖµ1911Ãñ¹úÔªÄê),¿ÉʵÏÖÃñ¹úÄêÈÕÀúºÍÆäËûÌØÊâÈÕÀú</p>
|
<div>
|
<h4>ʾÀý2-8 Ãñ¹úÄêÑÝʾ</h4>
|
<p>
|
<input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/MM/dd'})"/>
|
<br />
|
<input type="text" id="d28" onClick="WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyy/MM/dd'</span>})"/><br />
|
<br />
|
<span class="STYLE1">×¢Òâ:</span>Äê·Ý¸ñʽÉèÖóÉyyyʱ,ÕæÕýµÄÈÕÆÚ½«»á¼õÈ¥Ò»¸ö²îÁ¿<span class="STYLE2">yearOffset(ĬÈÏֵΪ:1911)</span>,Èç¹ûÊÇÃñ¹úÄêʹÓÃĬÈÏÖµ¼´¿ÉÎÞÐèÁíÍâÅäÖÃ,Èç¹ûÊÇÆäËûµÄ²îÁ¿,¿ÉÒÔͨ¹ý²ÎÊýµÄÐÎʽÅäÖÃ</p>
|
</div>
|
</li>
|
<li>±à¼¹¦ÄÜ <a name="m229" id="m229"></a>
|
<p>µ±ÈÕÆÚ¿òÀïÃæÓÐֵʱ,ÐÞ¸ÄÍêij¸öÊôÐÔºó,Ö»Òªµã»÷Õâ¸ö°´Å¥¾Í¿ÉÒÔʵÏÖʱ¼äºÍÈÕÆڵıà¼</p>
|
<div>
|
<h4>ʾÀý2-9 ÈÕÆÚºÍʱ¼äµÄ±à¼ÑÝʾ</h4>
|
<p>Äú¿ÉÒÔ³¢ÊÔ¶ÔÏÂÃæ¿òÖеÄÔ·ݸÄΪ1,È»ºóµã»÷<span class="STYLE2">¸üÐÂ</span>,Äã»á·¢ÏÖÈÕÆÚÓÉ 2000-<span class="STYLE1">02</span>-29 01:00:00 ±äΪ 2000-<span class="STYLE1">01</span>-29 01:00:00<br />
|
<input class="Wdate" type="text" style="width:200px" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="2000-02-29 01:00:00"/>
|
</p>
|
</div>
|
</li>
|
<li>Ϊ±à³Ì´øÀ´·½±ã
|
<a name="m22a" id="m22a"></a>
|
<p>Èç¹ûelµÄÖµÊÇthis,¿ÉÊ¡ÂÔ,¼´ËùÓеÄel:this¶¼¿ÉÒÔ²»Ð´ <br />
|
ÈÕÆÚ¿òÉèÖÃΪdisabledʱ,½ûÖ¹¸ü¸ÄÈÕÆÚ(²»µ¯³öÑ¡Ôñ¿ò) <br />
|
Èç¹ûûÓж¨Òåonpickedʼþ,×Ô¶¯´¥·¢Îı¾¿òµÄonchangeʼþ <br />
|
Èç¹ûûÓж¨Òåonclearedʼþ,Çå¿Õʱ,×Ô¶¯´¥·¢onchangeʼþ</p>
|
</li>
|
<li>ÆäËûÊôÐÔ
|
<a name="m22b" id="m22b"></a>
|
<p>ÉèÖÃreadOnlyÊôÐÔ,¿ÉÖ¸¶¨ÈÕÆÚ¿òÊÇ·ñÖ»¶Á <br />
|
ÉèÖÃhighLineWeekDayÊôÐÔ,¿ÉÖ¸¶¨ÊÇ·ñ¸ßÁÁÖÜÄ© <br />
|
ÉèÖÃisShowOthersÊôÐÔ,¿ÉÖ¸¶¨ÊÇ·ñÏÔʾÆäËûÔµÄÈÕÆÚ <br />
|
¼ÓÉÏclass="Wdate"¾Í»áÔÚÑ¡Ôñ¿òÓұ߳öÏÖÈÕÆÚͼ±ê</p>
|
</li>
|
</ol>
|
<h3><a href="2.3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp">3. ¶àÓïÑÔºÍ×Ô¶¨ÒåƤ·ô</a><a name="m23" id="m23"></a></h3>
|
<h3><a href="2.4.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp">4. ÈÕÆÚ·¶Î§ÏÞÖÆ</a><a name="m24" id="m24"></a></h3>
|
<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>
|
