|
<!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 href="main.asp" tppabs="http://www.my97.net/dp/demo/resource/main.asp"><strong>Ò». ¼ò½é</strong></a><a name="m2" id="m2"></a></h2>
|
<h2><a href="2.1.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp"><strong>¶þ. ¹¦Äܼ°Ê¾Àý</strong></a><a name="m2" id="m2"></a></h2>
|
<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 name="m4" id="m4"></a></h2>
|
<p style="margin-left:20px">1. ÔÚʹÓøÃÈÕÆÚ¿Ø¼þµÄÎļþÖмÓÈëJS¿â<span class="STYLE2">(½öÕâÒ»¸öÎļþ¼´¿É,ÆäËûÎļþ»á×Ô¶¯ÒýÈë,ÇëÎðɾ³ý»ò¸ÄÃû)</span>, ´úÂëÈçÏ <script language="javascript" type="text/javascript" src="datepicker/WdatePicker.js"></script><br />
|
×¢:<span class="STYLE2">src="datepicker/WdatePicker.js"</span> Çë¸ù¾ÝÄãµÄʵ¼ÊÇé¿ö¸Ä±ä·¾¶<br />
|
<br />
|
2. ¼ÓÉÏÖ÷µ÷º¯Êý WdatePicker<br />
|
¹ØÓÚ WdatePicker µÄÓ÷¨:<span class="STYLE2"><br />
|
<br />
|
Èç¹ûÄúÊÇÐÂÊÖ,¶Ôjs»¹²»ÊǺÜÁ˽âµÄ»°</span><span class="STYLE1">Ò»¶¨Òª¶à¿´¿´Õâ·ÝÎĵµ</span><br />
|
»ù±¾ÉÏÿһ¸öÑÝʾµÄʾÀýÏÂÃæ¶¼ÓÐÏà¹Ø´úÂë,²¢ÇÒ <span class="STYLE2">¹Ø¼üÊôÐÔÓÃÀ¶×Ö±ê³ö</span>,<span class="STYLE1">¹Ø¼üÖµÓúì×Ö±ê³ö</span> Ó¦¸ÃºÜÈÝÒ׿´Ã÷°× <br />
|
<br />
|
<span class="STYLE2">Èç¹ûÄúÓÐÒ»¶¨µÄË®×¼<br />
|
</span>Ï£ÍûÄÜ´ÓÍ·µ½Î²°Ñ¹¦ÄܽéÉܺúÿ´Ò»±é,ÕâÑù´ó²¿·Ö¹¦ÄÜÄã¶¼»áÓÃÁË<br />
|
<br />
|
<span class="STYLE2">Èç¹ûÄúÊǸßÊÖ</span><br />
|
½¨ÒéÄúͨ¶ÁÅäÖÃ˵Ã÷ºÍÄÚÖú¯Êý</p>
|
<h2>Îå. ÄÚÖú¯ÊýºÍÊôÐÔ<a name="m5" id="m5"></a></h2>
|
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
|
<tr>
|
<th>º¯ÊýÃû</th>
|
<th>·µ»ØÖµÀàÐÍ</th>
|
<th>×÷ÓÃÓò</th>
|
<th>²ÎÊý</th>
|
<th>ÃèÊö</th>
|
</tr>
|
<tr>
|
<td align="center">$dp.show</td>
|
<td align="center">void</td>
|
<td align="center">È«¾Ö</td>
|
<td>ÎÞ</td>
|
<td>ÏÔʾÈÕÆÚÑ¡Ôñ¿ò</td>
|
</tr>
|
<tr>
|
<td align="center">$dp.hide</td>
|
<td align="center">void</td>
|
<td align="center">È«¾Ö</td>
|
<td>ÎÞ</td>
|
<td>Òþ²ØÈÕÆÚÑ¡Ôñ¿ò</td>
|
</tr>
|
<tr>
|
<td align="center">$dp.$D</td>
|
<td align="center">String</td>
|
<td align="center">È«¾Ö</td>
|
<td><span class="STYLE2">id [string]:</span> ¶ÔÏóµÄID <br />
|
<span class="STYLE2">arg [object]:</span> ÈÕÆÚ²îÁ¿,¿ÉÒÔÉèÖóÉ<br />
|
{y:[Öµ],M:[Öµ],d:[Öµ],H:[Öµ],m:[Öµ],s:[Öµ]}<br />
|
ÊôÐÔ y,M,d,H,m,s ·Ö±ð´ú±í ÄêÔÂÈÕʱ·ÖÃë<br />
|
{M:3,d:7} ±íʾ 3¸öÔÂÁã7Ìì<br />
|
{d:1,H:1} ±íʾ1Ìì¶à1Сʱ</td>
|
<td>½«id¶ÔÓ¦µÄÈÕÆÚ¿òÖеÄÈÕÆÚ×Ö·û´®,¼ÓÉ϶¨ÒåµÄÈÕÆÚ²îÁ¿,·µ»ØÊ¹ÓÃreal¸ñʽ»¯ºóµÄÈÕÆÚ´®<br />
|
<span class="STYLE2">²Î¿¼ ʾÀý 4-3-2</span></td>
|
</tr>
|
<tr>
|
<td align="center">$dp.$DV</td>
|
<td align="center">String</td>
|
<td align="center">È«¾Ö</td>
|
<td><span class="STYLE2">v [string]:</span> ÈÕÆÚ×Ö·û´®<br />
|
<span class="STYLE2">arg [object]:</span> ͬÉÏÀýµÄarg </td>
|
<td>½«´«ÈëµÄÈÕÆÚ×Ö·û´®,¼ÓÉ϶¨ÒåµÄÈÕÆÚ²îÁ¿,·µ»ØÊ¹ÓÃreal¸ñʽ»¯ºóµÄÈÕÆÚ´®<br />
|
<span class="STYLE2">²Î¿¼ ʾÀý 4-3-3</span></td>
|
</tr>
|
<tr>
|
<td colspan="5">ÒÔϺ¯ÊýÖ»ÔÚʼþ×Ô¶¨Ò庯ÊýÖÐÓÐЧ</td>
|
</tr>
|
<tr>
|
<td align="center">$dp.cal.getP</td>
|
<td align="center">String</td>
|
<td align="center">ʼþfunction</td>
|
<td><span class="STYLE2">p [string]:</span> ÊôÐÔÃû³Æ yMdHmswWD·Ö±ð´ú±íÄê,ÔÂ,ÈÕ,ʱ,·Ö,Ãë,ÐÇÆÚ(0-6),ÖÜ(1-52),ÐÇÆÚ(Ò»-Áù) <br />
|
<span class="STYLE2">f [string]:</span> format ¸ñʽ×Ö·û´®<br />
|
ÉèÖ÷½·¨²Î¿¼ <span class="STYLE2">1.4 ×Ô¶¨Òå¸ñʽ</span></td>
|
<td>·µ»ØËùÖ¸¶¨ÊôÐÔ±»¸ñʽ×Ö·û´®¸ñʽ»¯ºóµÄÖµ[µ¥ÊôÐÔ],ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñǰ</span>µÄÖµ<br />
|
<span class="STYLE2">²Î¿¼ ʾÀý 1-2-2</span></td>
|
</tr>
|
<tr>
|
<td align="center">$dp.cal.getDateStr</td>
|
<td align="center">String </td>
|
<td align="center">ʼþfunction</td>
|
<td><span class="STYLE2">f [string]:</span> ¸ñʽ×Ö·û´®,Ϊ¿ÕʱʹÓÃdateFmt<br /></td>
|
<td>·µ»ØËùÖ¸¶¨ÊôÐÔ±»¸ñʽ×Ö·û´®¸ñʽ»¯ºóµÄÖµ[Õû¸öÖµ],ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñǰ</span>µÄÖµ</td>
|
</tr>
|
<tr>
|
<td align="center"> $dp.cal.getNewP</td>
|
<td align="center">String</td>
|
<td align="center">ʼþfunction</td>
|
<td>Ó÷¨Í¬$dp.cal.getP</td>
|
<td>·µ»ØËùÖ¸¶¨ÊôÐÔ±»¸ñʽ×Ö·û´®¸ñʽ»¯ºóµÄÖµ[µ¥ÊôÐÔ],ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñºó</span>µÄÖµ</td>
|
</tr>
|
<tr>
|
<td align="center"> $dp.cal.getNewDateStr</td>
|
<td align="center">String</td>
|
<td align="center">ʼþfunction</td>
|
<td>Ó÷¨Í¬$dp.cal.getDateStr</td>
|
<td>·µ»ØËùÖ¸¶¨ÊôÐÔ±»¸ñʽ×Ö·û´®¸ñʽ»¯ºóµÄÖµ[Õû¸öÖµ],ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñºó</span>µÄÖµ</td>
|
</tr>
|
</table>
|
<br />
|
<br />
|
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
|
<tr>
|
<th width="14%">ÊôÐÔÃû</th>
|
<th width="10%">·µ»ØÖµÀàÐÍ</th>
|
<th width="11%">×÷ÓÃÓò</th>
|
<th width="29%">²ÎÊý</th>
|
<th width="36%">ÃèÊö</th>
|
</tr>
|
<tr>
|
<td align="center"> $dp.cal.date</td>
|
<td align="center">object</td>
|
<td align="center">ʼþfunction</td>
|
<td>$dp.cal.date.y:·µ»Ø Äê<br />
|
$dp.cal.date.M:·µ»Ø ÔÂ<br />
|
$dp.cal.date.d:·µ»Ø ÈÕ<br />
|
$dp.cal.date.H:·µ»Ø ʱ<br />
|
$dp.cal.date.m:·µ»Ø ·Ö<br />
|
$dp.cal.date.s:·µ»Ø Ãë <br /></td>
|
<td>ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñǰ</span>µÄÈÕÆÚ¶ÔÏó</td>
|
</tr>
|
<tr>
|
<td align="center"> $dp.cal.newdate</td>
|
<td align="center">object</td>
|
<td align="center">ʼþfunction</td>
|
<td>Ó÷¨Í¬$dp.cal.date</td>
|
<td>ÔÚchanging,picking,clearingʼþÖзµ»Ø<span class="STYLE1">Ñ¡Ôñºó</span>µÄÈÕÆÚ¶ÔÏó</td>
|
</tr>
|
</table>
|
<h2>Áù. ÒÉÄѽâ´ð<a name="m6" id="m6"></a></h2>
|
<p style="margin-left:20px">ÈκÎÎÊÌâ,ÇëÏȲο¼ <a href="javascript:if(confirm('http://www.my97.net/dp/support.asp \n\n¸ÃÎļþδ±» Teleport Pro ÏÂÔØ£¬ÒòΪ ËüλÓÚÆðʼµØÖ·ÒÔÉèÖõı߽çÒÔÍâµÄÓò»ò·¾¶ÖС£ \n\nÄãÏëÒª´Ó·þÎñÆ÷´ò¿ªËüÂð?'))window.location='http://www.my97.net/dp/support.asp'" tppabs="http://www.my97.net/dp/support.asp" target="_top">¼¼ÊõÖ§³Ö</a> <br />
|
Èç¹ûÕÒ²»µ½´ð°¸,Äú¿ÉÒÔÖ±½ÓÔÚblogÁôÑÔ,»òÕßͨ¹ýÏÂÃæµÄÁªÏµ·½Ê½ÓëÎÒÁªÏµ</p>
|
<h2>Æß. ÁªÏµMy97<a name="m7" id="m7"></a></h2>
|
<p style="margin-left:20px"> * Èç¹ûÄúÔÚʹÓùý³ÌÖÐÓöµ½ÎÊÌâ,»òÕßÓиüºÃµÄ½¨Òé<br />
|
* »¶ÓÄú·ÃÎÊ<br />
|
* BLOG: <a href="javascript:if(confirm('http://my97.cnblogs.com/ \n\n¸ÃÎļþδ±» Teleport Pro ÏÂÔØ£¬ÒòΪ ËüλÓÚÆðʼµØÖ·ÒÔÉèÖõı߽çÒÔÍâµÄÓò»ò·¾¶ÖС£ \n\nÄãÏëÒª´Ó·þÎñÆ÷´ò¿ªËüÂð?'))window.location='http://my97.cnblogs.com/'" tppabs="http://my97.cnblogs.com/">http://my97.cnblogs.com</a><br />
|
* MAIL: support$my97.net($»»³É@)<br />
|
* ÓÐÎÊÌâÔÚÎÒblogÁôÑÔ»ò¸øÎÒEmail°É,<span class="STYLE1">×îºÃÏÈ×Ðϸ¿´ËµÃ÷,ºÜ¶àÎÊÌâ¶¼ÊÇÒòΪûÓÐ×Ðϸ¿´ËµÃ÷µ¼ÖµÄ</span> </p>
|
<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>
|