¶þ. ¹¦Äܼ°Ê¾Àý

1. ³£¹æ¹¦ÄÜ

  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¼´¿É

  2. ÏÂÀ­,ÊäÈë,µ¼º½Ñ¡ÔñÈÕÆÚ

    ÄêÔÂʱ·ÖÃëÊäÈë¿ò¶¼¾ß±¸ÒÔÏÂÈýÖÖÌØÐÔ
    1. ͨ¹ýµ¼º½Í¼±êÑ¡Ôñ


    2. Ö±½ÓʹÓüüÅÌÊäÈëÊý×Ö


    3. Ö±½Ó´Óµ¯³öµÄÏÂÀ­¿òÖÐÑ¡Ôñ


    Áí:Äê·ÝÊäÈë¿òÓÐÖÇÄÜÌáʾ¹¦ÄÜ,µ±Óû§Á¬Ðøµã»÷ͬһ¸öµ¼º½°´Å¥5´Îʱ,»á×Ô¶¯µ¯³öÄê·ÝÏÂÀ­¿ò

  3. Ö§³ÖÖÜÏÔʾ

    ¿ÉÒÔͨ¹ýÅäÖÃ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 Ó÷¨Ïê¼ûÄÚÖú¯ÊýºÍÊôÐÔ

  4. Ö»¶Á¿ª¹Ø,¸ßÁÁÖÜÄ©¹¦ÄÜ

    ÉèÖÃreadOnlyÊôÐÔ true »ò false ¿ÉÖ¸¶¨ÈÕÆÚ¿òÊÇ·ñÖ»¶Á
    ÉèÖÃhighLineWeekDayÊôÐÔ ture »ò false ¿ÉÖ¸¶¨ÊÇ·ñ¸ßÁÁÖÜÄ©

  5. ²Ù×÷°´Å¥×Ô¶¨Òå

    Çå¿Õ°´Å¥ºÍ½ñÌì°´Å¥,¿ÉÒÔ¸ù¾ÝÐèÒª½øÐÐ×Ô¶¨Òå,ËüÃÇ·Ö±ð¶ÔÓ¦ isShowClear ºÍ isShowToday ĬÈÏÖµ¶¼ÊÇtrue

    ʾÀý1-5 ½ûÓÃÇå¿Õ¹¦ÄÜ

    ×îºÃ°ÑreadOnlyÖÃΪtrue,·ñÔò¼´Ê¹Òþ²ØÁËÇå¿Õ°´Å¥,Óû§ÒÀÈ»¿ÉÒÔÔÚÊäÈë¿òÀï°ÑÖµdeleteµô

    <input class="Wdate" type="text" id="d15" onFocus="WdatePicker({isShowClear:false,readOnly:true})"/>

  6. ×Ô¶¯Ñ¡ÔñÏÔʾλÖÃ

    µ±¿Ø¼þ´¦ÔÚÒ³Ãæ±ß½çʱ,Ëü»á×Ô¶¯Ñ¡ÔñÏÔʾµÄλÖÃ,ËùÒÔûÓбØÒªµ£Ðĵ¯³ö¿ò»á±»Ò³Ãæ±ß½çÕÚסµÄÎÊÌâÁË.

  7. ×Ô¶¨Ò嵯³öλÖÃ

    µ±¿Ø¼þ´¦ÔÚÒ³Ãæ±ß½çʱ,Ëü»á×Ô¶¯Ñ¡ÔñÏÔʾµÄλÖÃ.´ËÍâÄ㻹¿ÉÒÔʹÓÃposition²ÎÊý¶Ôµ¯³öλÖÃ×öµ÷Õû.


    ʾÀý1-6 ͨ¹ýpositionÊôÐÔ,×Ô¶¨Ò嵯³öλÖÃ

    ʹÓÃpositonÊôÐÔÖ¸¶¨,µ¯³öÈÕÆÚµÄ×ø±êΪ{left:100,top:50}

    <input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:100,top:50}})"/>

    positionÊôÐÔµÄÏêϸÓ÷¨Ïê¼ûÊôÐÔ±í

  8. ×Ô¶¨ÒåÐÇÆÚµÄµÚÒ»Ìì(4.6ÐÂÔö)

    ¸÷¸ö¹ú¼ÒµÄϰ¹ß²»Í¬,ÓÐЩϲ»¶ÒÔÐÇÆÚÈÕ×÷ΪµÚÒ»Ìì,ÓÐЩÒÔÐÇÆÚÒ»×÷ΪµÚÒ»Ìì.
    Ïà¹ØÊôÐÔ:firstDayOfWeek: ¿ÉÉèÖà 0 - 6 µÄÈÎÒâÒ»¸öÊý×Ö,0:ÐÇÆÚÈÕ 1:ÐÇÆÚÒ» ÒÔ´ËÀàÍÆ

    ʾÀý1-7 ÒÔÐÇÆÚÒ»×÷ΪµÚÒ»Ìì


    <input class="Wdate" type="text" id="d17" onfocus="WdatePicker({firstDayOfWeek:1})"/>

2. ÌØÉ«¹¦ÄÜ

3. ¶àÓïÑÔºÍ×Ô¶¨Ò寤·ô

4. ÈÕÆÚ·¶Î§ÏÞÖÆ

5. ×Ô¶¨Òåʼþ

6. ¿ìËÙÑ¡Ôñ¹¦ÄÜ

Èý. ÅäÖÃ˵Ã÷

ËÄ. ÈçºÎʹÓÃ