Èý. ÅäÖÃ˵Ã÷

1. ÊôÐÔÅäÖÃ

  1. ÊôÐÔ±í
    ÊôÐÔ ÀàÐÍ Ä¬ÈÏÖµ ˵Ã÷
    ¾²Ì¬ÊôÐÔ:Ö»ÄÜÔÚWdatePicker.jsÖÐÅäÖÃ,Ò»°ãÇé¿öÏÂ,²»½¨ÒéÄúÐ޸ľ²Ì¬ÊôÐÔµÄÖµ
    $wdate bool true ÊÇ·ñ×Ô¶¯ÒýÈëWdateÀà ÉèÖÃΪtrueʱ,¿ÉÖ±½ÓÔÚÒýÈëWdatePicker.jsµÄÒ³ÃæÀïʹÓà class="Wdate"
    Wdate¿ÉÔÚskinĿ¼ÏµÄWdatePicker.cssÎļþÖж¨Òå
    ½¨ÒéʹÓÃĬÈÏÖµ
    $dpPath string '' ÊÇ·ñÏÔʾָ¶¨³ÌÐò°üµÄ¾ø¶ÔλÖÃ,Ò»°ãÇé¿öÏÂΪ¿Õ¼´¿É(³ÌÐò×Ô¶¯´´½¨),¸ÃÊôÐÔÊÇΪ·ÀÖ¹¼«ÆäÉÙÊýµÄÇé¿öϳÌÐò´´½¨³ö´í¶øÉèÖõÄ
    ÉèÖ÷½·¨:
    Èç¹û,³ÌÐò°üËùÔÚhttpÖеĵØַΪ http://localhost/proName/My97DatePicker/
    Ôò $dpPath = '/proName/My97DatePicker/';
    ½¨ÒéʹÓÃĬÈÏÖµ
    $crossFrame bool true ÊÇ·ñ¿ç¿ò¼Ü,Ò»°ãÉèÖÃΪtrue¼´¿É,Óöµ½¿çÓò´íÎóʱ¿ÉÒÔ½«´Ë¹¦ÄܹرÕ
    ¿ÉÅäÖÃÊôÐÔ:¿ÉÒÔÔÚWdatePicker·½·¨ÊÇÅäÖÃ
    el Element »ò String null Ö¸¶¨Ò»¸ö¿Ø¼þ»ò¿Ø¼þµÄID,±ØÐë¾ßÓÐvalue»òinnerHTMLÊôÐÔ(Èçinput,textarea,span,div,pµÈ±êÇ©¶¼¿ÉÒÔ),Óû§´æ´¢ÈÕÆÚÏÔʾֵ(Ò²¾ÍÊÇdateFmt¸ñʽ»¯ºóµÄÖµ)
    vel Element »ò String null Ö¸¶¨Ò»¸ö¿Ø¼þ»ò¿Ø¼þµÄID,±ØÐë¾ßÓÐvalueÊôÐÔ(Èçinput),ÓÃÓÚ´æ´¢Õæʵֵ(Ò²¾ÍÊÇrealDateFmtºÍrealTimeFmt¸ñʽ»¯ºóµÄÖµ)
    doubleCalendar bool false ÊÇ·ñÊÇË«ÔÂģʽ,Èç¹û¸ÃÊôÐÔΪtrue,Ôòµ¯³öͬʱÏÔʾ2¸öÔµÄÈÕÆÚ¿ò
    enableKeyboard bool true ¼üÅÌ¿ØÖÆ¿ª¹Ø
    enableInputMask bool true Îı¾¿òÊäÈëÆôÓÃÑÚÂ뿪¹Ø
    autoUpdateOnChanged bool null ÔÚÐÞ¸ÄÄêÔÂÈÕʱ·ÖÃëµÈÔªËØʱ,×Ô¶¯¸üе½el,ĬÈÏÊǹرյÄ(¼´:ÐèÒªµã»÷È·¶¨»òµã»÷ÈÕÆڲŸüÐÂ)
    Ϊfalseʱ ²»×Ô¶¯¸üÐÂ
    Ϊtrueʱ ×Ô¶¯¸üÐÂ
    Ϊnullʱ(ĬÈÏÖµ) Èç¹ûÓÐÈÕÔªËØÇÒ²»Òþ²ØÈ·¶¨°´Å¥Ê± Ϊfalse,ÆäËûÇé¿öΪtrue
    weekMethod string ISO8601 ÖÜËã·¨²»Í¬µÄµØ·½ÓÐһЩ²îÒì
    ³£¼ûËã·¨ÓÐÁ½ÖÖ
    1. ISO8601:¹æ¶¨µÚÒ»¸öÐÇÆÚËÄΪµÚÒ»ÖÜ,ĬÈÏÖµ
    2. MSExcel:1ÔÂ1ÈÕËùÔÚµÄÖÜ

    Ïà¹ØÁ´½Ó:http://en.wikipedia.org/wiki/ISO_week_date
    position object {} ÈÕÆÚÑ¡Ôñ¿òÏÔʾλÖÃ
    ×¢Òâ:×ø±êµ¥Î»ÊÇpx,ÊÇÏà¶Ôµ±Ç°¿ò¼Ü×ø±ê(²»Êܹö¶¯ÌõÓ°Ïì),ĬÈÏÇé¿öÏÂϵͳ¸ù¾ÝÒ³Ãæ´óС×Ô¶¯Ñ¡Ôñ
    Èç:
    {left:100,top:50}±íʾ¹Ì¶¨×ø±ê[100,50]
    {top:50}±íʾºá×ø±ê×Ô¶¯Éú³É,×Ý×ø±êÖ¸¶¨Îª 50
    {left:100}±íʾ×Ý×ø±ê×Ô¶¯Éú³É,ºá×ø±êÖ¸¶¨Îª 100
    Çë²Î¿¼Ê¾Àý
    lang string 'auto' µ±ÖµÎª'auto'ʱ ×Ô¶¯¸ù¾Ý¿Í»§¶Ëä¯ÀÀÆ÷µÄÓïÑÔ×Ô¶¯Ñ¡ÔñÓïÑÔ
    µ±ÖµÎª ÆäËû ʱ ´ÓlangListÖÐÑ¡Ôñ¶ÔÓ¦µÄÓïÑÔ
    Äã¿ÉÒԲο¼ÓïÑÔÅäÖÃ
    skin string 'default' Ƥ·ôÃû³Æ ĬÈÏ×Ô´ø defaultºÍwhyGreenÁ½¸öƤ·ô
    ÁíÍâÈç¹ûÄãµÄcss¹»Ç¿µÄ»°,¿ÉÒÔ×Ô¼º×öƤ·ô
    Äã¿ÉÒԲο¼Æ¤·ôÅäÖÃ
    dateFmt string 'yyyy-MM-dd' ÈÕÆÚÏÔʾ¸ñʽ
    Äã¿ÉÒԲο¼×Ô¶¨Òå¸ñʽ
    realDateFmt string 'yyyy-MM-dd' ¼ÆËã»ú¿Éʶ±ðµÄ,ÕæÕýµÄÈÕÆÚ¸ñʽ
    ÎÞЧÈÕÆÚÉèÖÃ(disabledDates),×î´óÈÕÆÚ(maxDate),×îСÈÕÆÚ(minDate)ÒÔ¼°¿ìËÙÈÕÆÚ¶¼±ØÐëÓëËüÃÇÏàÆ¥Åä
    ½¨ÒéʹÓÃĬÈÏÖµ
    realTimeFmt string 'HH:mm:ss'
    realFullFmt string '%Date %Time'
    minDate string '1900-01-01 00:00:00' ×îСÈÕÆÚ(×¢ÒâÒªÓëÉÏÃæµÄrealÈÕÆÚÏàÆ¥Åä)
    maxDate string '2099-12-31 23:59:59' ×î´óÈÕÆÚ(×¢ÒâÒªÓëÉÏÃæµÄrealÈÕÆÚÏàÆ¥Åä)
    startDate string '' ÆðʼÈÕÆÚ,¼Èµã»÷ÈÕÆÚ¿òʱÏÔʾµÄÆðʼÈÕÆÚ
    Ϊ¿Õʱ,ʹÓýñÌì×÷ΪÆðʼÈÕÆÚ(ĬÈÏÖµ)
    ·ñÔòʹÓô«ÈëµÄÈÕÆÚ×÷ΪÆðʼÈÕÆÚ(×¢ÒâÒªÓëÉÏÃæµÄrealÈÕÆÚÏàÆ¥Åä)
    Äã¿ÉÒԲο¼ÆðʼÈÕÆÚʾÀý
    firstDayOfWeek int 0 ÖܵĵÚÒ»Ìì 0±íʾÐÇÆÚÈÕ 1±íʾÐÇÆÚÒ»
    isShowWeek bool false ÊÇ·ñÏÔʾÖÜ
    Äã¿ÉÒԲο¼ÖÜÏÔʾʾÀý
    highLineWeekDay bool true ÊÇ·ñ¸ßÁÁÏÔʾ ÖÜÁù ÖÜÈÕ
    isShowClear bool true ÊÇ·ñÏÔʾÇå¿Õ°´Å¥
    isShowToday bool true ÊÇ·ñÏÔʾ½ñÌì°´Å¥
    isShowOthers bool true Ϊtrueʱ,µÚÒ»Ðпհ״¦ÏÔʾÉÏÔµÄÈÕÆÚ£¬Ä©Ðпհ״¦ÏÔʾÏÂÔµÄÈÕÆÚ,·ñÔò²»ÏÔʾ
    readOnly bool false ÊÇ·ñÖ»¶Á
    errDealMode int 0 ¾À´íģʽÉèÖà ¿ÉÉèÖÃ3ÖÐģʽ 0 - Ìáʾ 1 - ×Ô¶¯¾À´í 2 - ±ê¼Ç
    autoPickDate bool null Ϊfalseʱ µãÈÕÆÚµÄʱºò²»×Ô¶¯ÊäÈë,¶øÊÇҪͨ¹ýÈ·¶¨²ÅÄÜÊäÈë
    Ϊtrueʱ ¼´µã»÷ÈÕÆÚ¼´¿É·µ»ØÈÕÆÚÖµ
    Ϊnullʱ(ÍƼöʹÓÃ) Èç¹ûÓÐʱ¼äÖÃΪfalse ·ñÔòÖÃΪtrue
    qsEnabled bool true ÊÇ·ñÆôÓÿìËÙÑ¡Ôñ¹¦ÄÜ
    autoShowQS bool false ÊÇ·ñĬÈÏÏÔʾ¿ìËÙÑ¡Ôñ
    quickSel Array null ¿ìËÙÑ¡ÔñÊý¾Ý,¿ÉÒÔ´«Èë5¸ö¿ìËÙÑ¡ÔñÈÕÆÚ
    ×¢Òâ:ÈÕÆÚ¸ñʽ±ØÐëÓë realDateFmt realTimeFmt realFullFmt ÏàÆ¥Åä
    Äã¿ÉÒԲο¼¿ìËÙÑ¡ÔñʾÀý
    disabledDays Array null ¿ÉÒÔʹÓô˹¦ÄܽûÓÃÖÜÈÕÖÁÖÜÁùËù¶ÔÓ¦µÄÈÕÆÚ
    0ÖÁ6 ·Ö±ð´ú±í ÖÜÈÕÖÁÖÜÁù
    Äã¿ÉÒԲο¼ÎÞЧÌìʾÀý
    disabledDates Array null ¿ÉÒÔʹÓô˹¦ÄܽûÓÃËùÖ¸¶¨µÄÒ»¸ö»ò¶à¸öÈÕÆÚ
    Äã¿ÉÒԲο¼ÎÞЧÈÕÆÚʾÀý
    opposite bool false ĬÈÏΪfalse, Ϊtrueʱ,ÎÞЧÈÕÆÚ±ä³ÉÓÐЧÈÕÆÚ
    ×¢Òâ:¸ÃÊôÐÔ¶ÔÎÞЧÌìÌØÊâÌì²»Æð×÷ÓÃ
    Äã¿ÉÒԲο¼ÓÐЧÈÕÆÚʾÀý
    specialDates Array null ÌØÊâÈÕÆÚ,¶ÔÖ¸¶¨µÄÈÕÆÚ½øÐиßÁÁÏÔʾ
    Äã¿ÉÒԲο¼ÌØÊâÌìÓëÌØÊâÈÕÆÚʾÀý
    specialDays Array null ÌØÊâÌì,ʹÓô˹¦ÄܽûÓÃÖÜÈÕÖÁÖÜÁùËù¶ÔÓ¦µÄÈÕÆÚ½øÐиßÁÁÏÔʾ
    0ÖÁ6 ·Ö±ð´ú±í ÖÜÈÕÖÁÖÜÁù
    Äã¿ÉÒԲο¼ÌØÊâÌìÓëÌØÊâÈÕÆÚʾÀý
    onpicking function null ´ËËĸö²ÎÊýΪʼþ²ÎÊý
    Äã¿ÉÒԲο¼×Ô¶¨ÒåʼþʾÀý
    onpicked function null
    onclearing function null
    oncleared function null
    ychanging ychanged
    Mchanging Mchanged
    dchanging dchanged
    Hchanging Hchanged
    mchanging mchanged
    schanging schanged     		function null (4.6Beta3ÐÂÔö)

    y M d H m s ·Ö±ð±íʾÄêÔÂÈÕʱ·ÖÃë
    changing ʼþ·¢ÉúÔÚÊôÐԸıä֮ǰ
    changed ʼþ·¢ÉúÔÚÊôÐԸıäÖ®ºó

    Äã¿ÉÒԲο¼Ê¾Àý5-4-1
  2. ÅäÖÃÈ«¾ÖĬÈÏÖµ

    ͨ¹ýÅäÖÃWdatePicker.jsµÄÊôÐÔ¿ÉÒÔ±ÜÃâÿ´Îµ÷Óö¼´«ÈëÅäÖÃÖµ,Ϊ±ä³É´øÀ´ºÜ¶à·½±ã.
    ÔÚĬÈÏÇé¿öÏÂMy97Ϊÿ¸öÊôÐÔ¶¼ÅäÖÃÁËĬÈÏÖµ,ÕâЩĬÈÏÖµ¶¼¿ÉÒÔÔÚWdatePicker.jsÖÐÐ޸ĵÄ
    Äã¿ÉÒÔ¸ù¾ÝÄã¸öÈ˵ÄϲºÃ¸ü¸ÄÕâЩֵ

    ±ÈÈçÄã±È½Ï²»Ï²»¶Ä¬ÈϵÄƤ·ôdefault ¶ø¸üϲ»¶ whyGreen Õâ¸öƤ·ô,
    Äã¿ÉÒÔÖ±½ÓÔÚWdatePicker.js°ÑskinÖµ¸ÄΪ whyGreen
    ÕâÑù,Äã¾Í²»±Øÿ´Îµ÷ÓÿؼþµÄʱºò¶¼´«Èë skin:'whyGreen' ÁË
    Äãѧ»áÁËÂð?

  3. ÅäÖõ¥¸ö¿Ø¼þ

    ÔڿؼþÀïÃæÄã¿ÉÒÔʹÓà onfocus »ò onclick ʼþÀ´µ÷ÓÃWdatePickerº¯ÊýÀ´´¥·¢ÈÕÆڿؼþ
    WdatePicker({})ÆäÖÐ{}ÖеÄÄÚÈݶ¼ÊÇÖ»¶Ôµ±Ç°ÊµÀýÓÐЧ,Äã¿ÉÒÔÈÎÒâÅäÖÃÊôÐÔ±íÀïÓеÄËùÓÐÊôÐÔ
    Äã¿ÉÒÔËæÒâµÄ×éºÏÕâЩÊôÐÔ,´ïµ½ÄãµÄÐèÇó
    My97ÈÕÆڿؼþÔÚÕâ·½ÃæÊÇ×öµÃ·Ç³£Áé»îµÄ.

  4. ¶àÌ×ÅäÖÿìËÙÇл»

    Äú¿ÉÒÔÉèÖöà¸öWdatePicker.jsÎļþ,Èç cn_WdatePicker.js,en_WdatePicker.js,simple_WdatePicker.jsµÈ
    ÔÚ²»Í¬µÄÒ³ÃæÒýÈ벻ͬµÄ WdatePicker.js ´ïµ½ÅäÖÿìËÙÇл»µÄÄ¿µÄ.
    ×¢Òâ:Îļþ±ØÐëÒÔ _WdatePicker.js(´óСд²»ÏÞÖÆ) Ϊºó׺,ÐÎÈç <yourname>_WdatePicker.js

2. ÓïÑÔÅäÖÃ

  1. ÓïÑÔÁбí

    My97DatePickerĿ¼ÏÂÓиöconfig.js(4.8ÒÔºóÔÚWdatePicker.jsÖÐ),ÀïÃæÓжδúÂë:
    var langList =
    [
    {name:'en', charset:'UTF-8'},
    {name:'zh-cn', charset:'gb2312'},
    {name:'zh-tw', charset:'GBK'}
    ];

    Õâ¾ÍÊÇÓïÑÔÁбí,ÿ¸öÏîÓÐnameºÍcharsetÁ½¸öÊôÐÔ.
    name ±íʾÓïÑÔµÄÃû³Æ(±ØÐëÓëä¯ÀÀÆ÷µÄÓïÑÔ×Ö·û´®ÃüÃûÏàͬ),ÔÚÅäÖõÄʱºò,langÊôÐÔÖ»ÄÜÊÇÅäÖÃÁбíÀïÃæÒÑÓеÄÏî,·ñÔò½«×Ô¶¯·µ»ØµÚÒ»Ïî
    charset ±íʾ¶ÔÓ¦ÓïÑÔĿ¼ÏµÄjsÎļþËù¶ÔÓ¦µÄ±àÂë¸ñʽ

  2. ÓïÑÔ°²×°ËµÃ÷

    ·ÖÁ½²½ÇáËÉʵÏÖ:
    1 ½«ÓïÑÔÎļþ¿½±´µ½ lang Ŀ¼
    2 ´ò¿ª config.js ÅäÖÃÓïÑÔÁбí

3. Ƥ·ôÅäÖÃ

  1. Ƥ·ôÁбí

    My97DatePickerĿ¼ÏÂÓиöconfig.js(4.8ÒÔºóÔÚWdatePicker.jsÖÐ),ÀïÃæÓжδúÂë:
    var skinList =
    [
    {name:'default', charset:'gb2312'},
    {name:'whyGreen', charset:'gb2312'},
    {name:'blue', charset:'gb2312'},
    {name:'simple', charset:'gb2312'}
    ];

    Õâ¾ÍÊÇƤ·ôÁбí,ÿ¸öÏîÓÐnameºÍcharsetÁ½¸öÊôÐÔ.
    name ±íʾƤ·ôµÄÃû³Æ,ÔÚÅäÖõÄʱºò,skinÊôÐÔÖ»ÄÜÊÇÅäÖÃÁбíÀïÃæÒÑÓеÄÏî,·ñÔò½«×Ô¶¯·µ»ØµÚÒ»Ïî
    charset ±íʾ¶ÔӦƤ·ôĿ¼ÏµÄcssÎļþ:datepicker.cssËù¶ÔÓ¦µÄ±àÂë¸ñʽ

  2. Ƥ·ô°²×°ËµÃ÷

    ·ÖÁ½²½ÇáËÉʵÏÖ:
    1 ½«Æ¤·ôÎļþ°ü¿½±´µ½ skin Ŀ¼
    2 ´ò¿ª config.js ÅäÖÃƤ·ôÁбí

    ×¢Òâ:°²×°¹ý¶àµÄƤ·ô»áÓ°ÏìÐÔÄÜ,Ò»°ãÖ»°²×°×Ô¼ºÊ¹ÓõÄƤ·ô,3¸öÒÔϱȽÏÊÊÒË

ËÄ. ÈçºÎʹÓÃ