¶þ. ¹¦Äܼ°Ê¾Àý
1. ³£¹æ¹¦ÄÜ
- Ö§³Ö¶àÖÖµ÷ÓÃģʽ
³ýÁËÖ§³Ö³£¹æÔÚinputµ¥»÷»ò»ñµÃ½¹µãµ÷ÓÃÍâ,»¹Ö§³ÖʹÓÃÆäËûµÄÔªËØÈç:<img><div>µÈ´¥·¢WdatePickerº¯ÊýÀ´µ÷Óõ¯³öÈÕÆÚ¿ò
ʾÀý1-1-1 ³£¹æµ÷ÓÃ
<input id="d11" type="text" onClick="WdatePicker()"/>ʾÀý1-1-2 ͼ±ê´¥·¢
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">
×¢Òâ:Ö»ÐèÒª´«Èë¿Ø¼þµÄid¼´¿É - ÏÂÀ,ÊäÈë,µ¼º½Ñ¡ÔñÈÕÆÚ
ÄêÔÂʱ·ÖÃëÊäÈë¿ò¶¼¾ß±¸ÒÔÏÂÈýÖÖÌØÐÔ
1. ͨ¹ýµ¼º½Í¼±êÑ¡Ôñ
2. Ö±½ÓʹÓüüÅÌÊäÈëÊý×Ö
3. Ö±½Ó´Óµ¯³öµÄÏÂÀ¿òÖÐÑ¡Ôñ
Áí:Äê·ÝÊäÈë¿òÓÐÖÇÄÜÌáʾ¹¦ÄÜ,µ±Óû§Á¬Ðøµã»÷ͬһ¸öµ¼º½°´Å¥5´Îʱ,»á×Ô¶¯µ¯³öÄê·ÝÏÂÀ¿ò - Ö§³ÖÖÜÏÔʾ
¿ÉÒÔͨ¹ýÅäÖÃisShowWeekÊôÐÔ¾ö¶¨ÊÇ·ñÏÞÖÆÖÜ,²¢ÇÒÔÚ·µ»ØÈÕÆÚµÄʱºò»¹¿ÉÒÔͨ¹ý×Ô´øµÄ×Ô¶¨ÒåʼþºÍAPIº¯Êý·µ»ØÑ¡ÔñµÄÖÜ
ʾÀý1-2-1 ÖÜÏÔʾ¼òµ¥Ó¦ÓÃ
<input id="d121" type="text" onfocus="WdatePicker({isShowWeek:true})"/>
×¢Òâ:ÖÜËã·¨²Î¿¼µÄÊÇISO8601¶¨ÒåµÄ·½·¨,Èç¹ûÄú¶Ô´ËÓÐÒÉÎÊ,ÇëÏê¼û:http://en.wikipedia.org/wiki/ISO_week_date
ÖÜË㷨ѡÔñ(4.8ÐÂÔö)
Ïà¹ØÊôÐÔ:weekMethod
ÖÜËã·¨²»Í¬µÄµØ·½ÓÐһЩ²îÒì
³£¼ûËã·¨ÓÐÁ½ÖÖ
1. ISO8601:¹æ¶¨µÚÒ»¸öÐÇÆÚËÄΪµÚÒ»ÖÜ,ĬÈÏÖµ
2. MSExcel:1ÔÂ1ÈÕËùÔÚµÄÖÜʾÀý1-2-2 ÀûÓÃonpickedʼþ°ÑÖܸ³Öµ¸øÁíÍâµÄÎı¾¿ò
ÄúÑ¡ÔñÁËµÚ (W¸ñʽ)ÖÜ, ÁíÍâÄú¿ÉÒÔʹÓÃWW¸ñʽ: ÖÜ
<input type="text" class="Wdate" id="d122" onFocus="WdatePicker({isShowWeek:true,onpicked:function() {$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>
onpicked Ó÷¨Ïê¼û×Ô¶¨Òåʼþ
$dp.cal.getP Ó÷¨Ïê¼ûÄÚÖú¯ÊýºÍÊôÐÔ
- Ö»¶Á¿ª¹Ø,¸ßÁÁÖÜÄ©¹¦ÄÜ
ÉèÖÃreadOnlyÊôÐÔ true »ò false ¿ÉÖ¸¶¨ÈÕÆÚ¿òÊÇ·ñÖ»¶Á
ÉèÖÃhighLineWeekDayÊôÐÔ ture »ò false ¿ÉÖ¸¶¨ÊÇ·ñ¸ßÁÁÖÜÄ© - ²Ù×÷°´Å¥×Ô¶¨Òå
Çå¿Õ°´Å¥ºÍ½ñÌì°´Å¥,¿ÉÒÔ¸ù¾ÝÐèÒª½øÐÐ×Ô¶¨Òå,ËüÃÇ·Ö±ð¶ÔÓ¦ isShowClear ºÍ isShowToday ĬÈÏÖµ¶¼ÊÇtrue
ʾÀý1-5 ½ûÓÃÇå¿Õ¹¦ÄÜ
×îºÃ°ÑreadOnlyÖÃΪtrue,·ñÔò¼´Ê¹Òþ²ØÁËÇå¿Õ°´Å¥,Óû§ÒÀÈ»¿ÉÒÔÔÚÊäÈë¿òÀï°ÑÖµdeleteµô
<input class="Wdate" type="text" id="d15" onFocus="WdatePicker({isShowClear:false,readOnly:true})"/> - ×Ô¶¯Ñ¡ÔñÏÔʾλÖÃ
µ±¿Ø¼þ´¦ÔÚÒ³Ãæ±ß½çʱ,Ëü»á×Ô¶¯Ñ¡ÔñÏÔʾµÄλÖÃ,ËùÒÔûÓбØÒªµ£Ðĵ¯³ö¿ò»á±»Ò³Ãæ±ß½çÕÚסµÄÎÊÌâÁË.
- ×Ô¶¨Ò嵯³öλÖÃ
µ±¿Ø¼þ´¦ÔÚÒ³Ãæ±ß½çʱ,Ëü»á×Ô¶¯Ñ¡ÔñÏÔʾµÄλÖÃ.´ËÍâÄ㻹¿ÉÒÔʹÓÃposition²ÎÊý¶Ôµ¯³öλÖÃ×öµ÷Õû.
ʾÀý1-6 ͨ¹ýpositionÊôÐÔ,×Ô¶¨Ò嵯³öλÖÃ
ʹÓÃpositonÊôÐÔÖ¸¶¨,µ¯³öÈÕÆÚµÄ×ø±êΪ{left:100,top:50}
<input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:100,top:50}})"/>
positionÊôÐÔµÄÏêϸÓ÷¨Ïê¼ûÊôÐÔ±í - ×Ô¶¨ÒåÐÇÆÚµÄµÚÒ»Ìì(4.6ÐÂÔö)
¸÷¸ö¹ú¼ÒµÄϰ¹ß²»Í¬,ÓÐЩϲ»¶ÒÔÐÇÆÚÈÕ×÷ΪµÚÒ»Ìì,ÓÐЩÒÔÐÇÆÚÒ»×÷ΪµÚÒ»Ìì.
Ïà¹ØÊôÐÔ:firstDayOfWeek: ¿ÉÉèÖà 0 - 6 µÄÈÎÒâÒ»¸öÊý×Ö,0:ÐÇÆÚÈÕ 1:ÐÇÆÚÒ» ÒÔ´ËÀàÍÆÊ¾Àý1-7 ÒÔÐÇÆÚÒ»×÷ΪµÚÒ»Ìì
<input class="Wdate" type="text" id="d17" onfocus="WdatePicker({firstDayOfWeek:1})"/>