YUI Class Calendar : สอน method และ property ของ Class Calendar, เรียน method และ property ของ Class Calendar
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • YAHOO.widget.Calendar ( id, container, config ) ใช้สร้าง object Calendar
    cfg ใช้คืนค่า object config ของ object calendar
    containerId ใช้คืนค่า id ของ container ที่เป็นที่วางของ Object Calendar
    id ใช้คืนค่า id ของ Object Calendar
    oDomContainer ใช้คืนค่า dom element ที่เป็น ที่วาง ของ Object Calendar
    oNavigator ใช้คืนค่า Object CalendarNavigator ของ Object Calendar
    Options ใช้คืนค่า options ของ Object Calendar
    parent ใช้คืนค่า Object CalendarGroup ของ Object Calendar
    addMonthRenderer() ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือกวันที่ของ เดือนที่กำหนด
    addMonths() ใช้กำหนดให้ เลื่อนเดือนของปฏิทินไป เดือนถัดไป ตามจำนวนที่กำหนด
    addRenderer() ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือก วันที่ ที่กำหนด
    addWeekdayRenderer() ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือกวันที่ ที่เป็นวันของสัปดาห์ ที่กำหนด
    addYears() ใช้กำหนดให้ เลื่อนปีของปฏิทินไป ปีถัดไป ตามจำนวนที่กำหนด
    clear() ใช้ยกเลิกการเลือกวันที่ ภายใน Object Calendar
    createCloseButton() ใช้สร้าง close button element และเพิ่มลงไปใน calendar container
    createTitleBar() ใช้สร้าง title bar element และเพิ่มลงไปใน calendar container
    deselect() ใช้ยกเลิกการเลือกวันที่ที่กำหนด และจะคืนค่าวันที่ที่ยังคงถูกเลือกอยู่
    deselectAll() ใช้ยกเลิกการเลือกวันที่ทั้งหมดที่ถูกเลือกอยู่
    deselectCell() ใช้ยกเลิกการเลือกวันที่ ณ ตำแหน่ง cell ที่กำหนด และจะคืนค่าวันที่ที่ยังคงถูกเลือกอยู่
    destroy() ใช้ทำลาย Object Calendar นี้
    doCellMouseOut() ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ นำเมาส์ออกจาก cell
    doCellMouseOver() ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ นำเมาส์เหนือ cell
    doNextMonthNav() ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ click ปุ่มเพื่อเลื่อนไปเดือนถ้ดไป
    doPreviousMonthNav() ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ click ปุ่มเพื่อเลื่อนไปเดือนก่อนหน้า
    doSelectCell() ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อมีการ click ที่ cell
    getCellIndex() ใช้คืนค่า index ของวันที่ที่กำหนด เมื่อเทียบกับ ปฏิทินใน Object Calendar
    getSelectedDates() ใช้คืนค่า วันที่ทั้งหมด ที่ถูกเลือกอยู่
    hide() ใช้ซ่อนปฏิทิน คือไม่ให้แสดง
    init() ใช้กำหนดค่าเริ่มต้นต่างๆให้กับ object Calendar ( เป็น constructor ของ Yahoo.widget.Calendar )
    isDateOOB() ใช้ตรวจสอบว่า วันที่ ที่กำหนด อยู่นอกขอบเขต คือ น้อยกว่า mindate และ มากกว่า maxdate ใช่หรือไม่
    isDateOOM() ใช้ตรวจสอบว่า วันที่ ที่กำหนด อยู่นอกขอบเขต คือ ไม่อยู่ระหว่าง เดือน 1 ถึงเดือน 12 ใช่หรือไม่
    nextMonth() ใช้กำหนดให้ ปฏิทิน เลื่อนไปเดือนถัดไป
    nextYear() ใช้กำหนดให้ ปฏิทิน เลื่อนไปปีถัดไป
    previousMonth() ใช้กำหนดให้ ปฏิทิน เลื่อนไปเดือนก่อนหน้า
    previousYear() ใช้กำหนดให้ ปฏิทิน เลื่อนไปปีก่อนหน้า
    removeCloseButton() ใช้กำหนดให้ลบปุ่ม close button ออกจาก Object Calendar
    removeRenderers() ใช้ลบ Renderer ทั้งหมด
    removeTitleBar() ใช้ลบ title bar element ออกจาก Object Calendar
    render() ใช้กำหนดให้ Object Calendar แสดงผล
    reset() ใช้กำหนดให้ Object Calendar แสดงปฏิทินของเดือนที่กำหนดไว้ ใน Configuration Attributes ( pagedate )
    select() ใช้กำหนดให้ วันที่ที่กำหนดถูกเลือก
    selectCell() ใช้กำหนดให้ cell ณ ตำแหน่งที่กำหนด ถูกเลือก
    setMonth() ใช้กำหนด เดือนที่จะให้แสดง
    setYear() ใช้กำหนด ปีที่จะให้แสดง
    show() ใช้กำหนดให้ ปฏิทิน แสดงขึ้นมา หลังจากถูก hide
    subtractMonths() ใช้กำหนดให้ เลื่อนเดือนของปฏิทินไป เดือนก่อนหน้า ตามจำนวนที่กำหนด
    subtractYears() ใช้กำหนดให้ เลื่อนปีของปฏิทินไป ปีก่อนหน้า ตามจำนวนที่กำหนด
    beforeDeselectEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ วันที่ จะถูกยกเลิกการเลือก
    beforeDestroyEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะถูกทำลาย
    beforeHideEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะถูกซ่อน
    beforeHideNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ CalendarNavigator ของ Object Calendar จะถูกซ่อน
    beforeRenderEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะแสดงปฏิทินออกมาทางหน้าจอ
    beforeRenderNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ CalendarNavigator ของ Object Calendar จะแสดงถูกแสดงออกมาทางหน้าจอ
    beforeSelectEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะแสดงถูก เลือกวันที่ภายในปฏิทิน
    beforeShowEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะแสดงถูก แสดงขึ้นมาอีกครั้ง หลักจากที่ซ่อนไป
    beforeShowNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ CalendarNavigator ของ Object Calendar จะแสดงถูกแสดงขึ้นมา
    changePageEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการเปลี่ยน page บน Object Calendar
    clearEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ บน Object Calendar
    deselectEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ บน Object Calendar
    deselectEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ บน Object Calendar
    hideEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ซ่อน Object Calendar
    hideNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ซ่อน CalendarNavigator บน Object Calendar
    renderEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ render Object Calendar
    renderNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ render CalendarNavigator ของ Object Calendar
    resetEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ reset ปฏิทิน ของ Object Calendar
    selectEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ เลือกวันที่ บน ปฏิทิน ของ Object Calendar
    showEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ แสดง ปฏิทิน อีกครั้ง หลังจากถูกซ่อน ของ Object Calendar
    showNavEvent() เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ แสดง CalendarNavigator ของ Object Calendar อีกครั้งหลังจากถูกซ่อน
  • method :
    YAHOO.widget.Calendar ( id, container, config )

    return type :
    Calendar

    content :
    ใช้สร้าง object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );

    comment :
    ตัวแปร id คือ id ของ table ที่ต้องการให้เป็น Object Calendar
    ตัวแปร container คือ id ของ div หรือ div element ที่จะเป็นที่วาง Object Calendar นี้
    ตัวแปร config คือ ใช้กำหนดคุณสมบัติให้กับ object เช่น close, iframe, mindate เป็นต้น

  • property :
    cfg

    return type :
    YAHOO.util.Config

    content :
    ใช้คืนค่า object config ของ object calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var ref_config = calendar.cfg;

  • property :
    containerId

    return type :
    string

    content :
    ใช้คืนค่า id ของ container ที่เป็นที่วางของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var container_id = calendar.containerId;

  • property :
    id

    return type :
    String

    content :
    ใช้คืนค่า id ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var table_calendar_id = calendar.id;

  • property :
    oDomContainer

    return type :
    HTMLElement

    content :
    ใช้คืนค่า dom element ที่เป็น ที่วาง ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var container_calendar = calendar.oDomContainer;

  • property :
    oNavigator

    return type :
    CalendarNavigator

    content :
    ใช้คืนค่า Object CalendarNavigator ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var navigator_calendar = calendar.oNavigator;

  • property :
    Options

    return type :
    Object

    content :
    ใช้คืนค่า options ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var option_calendar = calendar.Options;

  • property :
    parent

    return type :
    CalendarGroup

    content :
    ใช้คืนค่า Object CalendarGroup ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    var calendar_group = calendar.parent;

  • method :
    addMonthRenderer ( month, function )

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือกวันที่ของ 
    เดือนที่กำหนด

    example :
    function showJanuary ( ) 
    { 
        alert ( "Month January" ); 
    }
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.addMonthRenderer ( 1, showJanuary );
    calendar.render ( );

    comment :
    ตัวแปร month ให้กำหนด เดือนที่ ที่ต้องการ โดยค่าที่เป็นไปได้คือ 1 ถึง 12

  • method :
    addMonths ( count )

    return type :
    void

    content :
    ใช้กำหนดให้ เลื่อนเดือนของปฏิทินไป เดือนถัดไป ตามจำนวนที่กำหนด

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.addMonths ( 3 );

  • method :
    addRenderer ( sDates, function )

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือก วันที่ ที่กำหนด

    example :
    function showToolTopDay ( ) 
    { 
        alert ( "This is stop day." ); 
    }
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.addRenderer ( "12/24/2009-12/27/2009", showToolTopDay );
    calendar.render ( );

    comment :
    ตัวแปร sDates ให้กำหนด วันที่ ที่ต้องการ โดยค่าที่เป็นไปได้คือ month/day/year, 
    month/day, range (month/day/year-month/day/year)

  • method :
    addWeekdayRenderer ( weekday, function )

    return type :
    void

    content :
    ใช้กำหนดให้ function ทำงานเมื่อ Object Calendar มีการเลือกวันที่ 
    ที่เป็นวันของสัปดาห์ ที่กำหนด

    example :
    function showMonday ( ) 
    { 
        alert ( "This is monday." ); 
    }
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.addWeekdayRenderer ( 2, showMonday );
    calendar.render ( );

    comment :
    ตัวแปร weekday ให้กำหนด วันของสัปดาห์ โดยค่าที่เป็นไปได้ คือ Sunday=1, Monday=2, ..., Saturday=7

  • method :
    addYears ( count )

    return type :
    void

    content :
    ใช้กำหนดให้ เลื่อนปีของปฏิทินไป ปีถัดไป ตามจำนวนที่กำหนด

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.addYears ( 1 );

  • method :
    clear ( )

    return type :
    void

    content :
    ใช้ยกเลิกการเลือกวันที่ ภายใน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/5/2009" );
    calendar.clear ( );

  • method :
    createCloseButton ( )

    return type :
    void

    content :
    ใช้สร้าง close button element และเพิ่มลงไปใน calendar container

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.createCloseButton ( );
    calendar.render ( );

  • method :
    createTitleBar ( strTitle )

    return type :
    void

    content :
    ใช้สร้าง title bar element และเพิ่มลงไปใน calendar container

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.createTitleBar ( "My Calendar By YUI" );
    calendar.render ( );

  • method :
    deselect ( date )

    return type :
    void, Date[]

    content :
    ใช้ยกเลิกการเลือกวันที่ที่กำหนด และจะคืนค่าวันที่ที่ยังคงถูกเลือกอยู่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/24/2009-3/28/2009" );
    calendar.deselect ( "3/26/2009,3/27/2009" );

    comment :
    ตัวแปร date ให้กำหนด วันที่ โดยค่าที่เป็นไปได้ ได้แก่
    - date (month/day/year)
    - dates (month/day/year,month/day/year,...,month/day/year)
    - range (month/day/year-month/day/year)

  • method :
    deselectAll ( )

    return type :
    void, Date[]

    content :
    ใช้ยกเลิกการเลือกวันที่ทั้งหมดที่ถูกเลือกอยู่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/24/2009-3/28/2009" );
    calendar.deselectAll ( );

  • method :
    deselectCell ( cellIndex )

    return type :
    void, Date[]

    content :
    ใช้ยกเลิกการเลือกวันที่ ณ ตำแหน่ง cell ที่กำหนด และจะคืนค่าวันที่ที่ยังคงถูกเลือกอยู่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/24/2009-3/28/2009" );
    calendar.deselectCell ( 26 );

  • method :
    destroy ( )

    return type :
    void

    content :
    ใช้ทำลาย Object Calendar นี้

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.destroy ( );

  • method :
    doCellMouseOut ( e, cal )

    return type :
    void

    content :
    ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ นำเมาส์ออกจาก cell

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.doCellMouseOut = function ( e, cal ) 
    {
         var local_calendar = this;
         alert ( "moust out of cell" );
    }
    calendar.render ( );

    comment :
    ตัวแปร e คือ Object DomEvent
    ตัวแปร cal คือ Object Calendar

  • method :
    doCellMouseOver ( e, cal )

    return type :
    void

    content :
    ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ นำเมาส์เหนือ cell

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.doCellMouseOver = function ( e, cal ) 
    {
         var local_calendar = this;
         alert ( "moust over of cell" );
    }
    calendar.render ( );

    comment :
    ตัวแปร e คือ Object DomEvent
    ตัวแปร cal คือ Object Calendar

  • method :
    doNextMonthNav ( e, cal )

    return type :
    void

    content :
    ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ click ปุ่มเพื่อเลื่อนไปเดือนถ้ดไป

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.doNextMonthNav = function ( e, cal ) 
    {
         var local_calendar = this;
         alert ( "click to next month" );
    }
    calendar.render ( );

    comment :
    ตัวแปร e คือ Object DomEvent
    ตัวแปร cal คือ Object Calendar

  • method :
    doPreviousMonthNav ( e, cal )

    return type :
    void

    content :
    ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อ click ปุ่มเพื่อเลื่อนไปเดือนก่อนหน้า

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.doPreviousMonthNav = function ( e, cal ) 
    {
         var local_calendar = this;
         alert ( "click to previous month" );
    }
    calendar.render ( );

    comment :
    ตัวแปร e คือ Object DomEvent
    ตัวแปร cal คือ Object Calendar

  • method :
    doSelectCell ( e, cal )

    return type :
    void

    content :
    ใช้สำหรับ overridde method เพื่อกำหนดให้ทำงานใดๆ เมื่อมีการ click ที่ cell

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.doSelectCell = function ( e, cal ) 
    {
         var local_calendar = this;
         alert ( "click cell" );
    }
    calendar.render ( );

    comment :
    ตัวแปร e คือ Object DomEvent
    ตัวแปร cal คือ Object Calendar

  • method :
    getCellIndex ( date )

    return type :
    Number

    content :
    ใช้คืนค่า index ของวันที่ที่กำหนด เมื่อเทียบกับ ปฏิทินใน Object Calendar
    โดยจะคืนค่า -1 ในกรณีที่ไม่พบวันที่ที่กำหนดในหน้าปฏิทินปัจจุบัน

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    alert ( calendar.getCellIndex ( "12/24/2009" ) );

  • method :
    getSelectedDates ( )

    return type :
    Date []

    content :
    ใช้คืนค่า วันที่ทั้งหมด ที่ถูกเลือกอยู่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/24/2009-3/28/2009" );
    var date_selected = calendar.getSelectedDates ( );

  • method :
    hide ( )

    return type :
    void

    content :
    ใช้ซ่อนปฏิทิน คือไม่ให้แสดง

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.hide ( );

  • method :
    init ( id , container , config )

    return type :
    void

    content :
    ใช้กำหนดค่าเริ่มต้นต่างๆให้กับ object Calendar ( เป็น constructor ของ Yahoo.widget.Calendar )

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.init ( "table", "container", { mindate: "1/1/2008", maxdate: "12/31/2012" } ); 
    calendar.render ( );

  • method :
    isDateOOB ( date )

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า วันที่ ที่กำหนด อยู่นอกขอบเขต คือ น้อยกว่า mindate และ มากกว่า maxdate ใช่หรือไม่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    if ( calendar.isDateOOB ( "1/1/2012" ) )
    {
         alert ( "This date out of bound" );
    }

  • method :
    isDateOOM ( date )

    return type :
    boolean

    content :
    ใช้ตรวจสอบว่า วันที่ ที่กำหนด อยู่นอกขอบเขต คือ ไม่อยู่ระหว่าง
    เดือน 1 ถึงเดือน 12 ใช่หรือไม่

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    if ( calendar.isDateOOM ( "1/0/2012" ) )
    {
         alert ( "This date out of month" );
    }

  • method :
    nextMonth ( )

    return type :
    void

    content :
    ใช้กำหนดให้ ปฏิทิน เลื่อนไปเดือนถัดไป

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.nextMonth ( );

  • method :
    nextYear ( )

    return type :
    void

    content :
    ใช้กำหนดให้ ปฏิทิน เลื่อนไปปีถัดไป

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.nextYear ( );

  • method :
    previousMonth ( )

    return type :
    void

    content :
    ใช้กำหนดให้ ปฏิทิน เลื่อนไปเดือนก่อนหน้า

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.previousMonth ( );

  • method :
    previousYear ( )

    return type :
    void

    content :
    ใช้กำหนดให้ ปฏิทิน เลื่อนไปปีก่อนหน้า

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.previousYear ( );

  • method :
    removeCloseButton ( )

    return type :
    void

    content :
    ใช้กำหนดให้ลบปุ่ม close button ออกจาก Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.removeCloseButton ( );

  • method :
    removeRenderers ( )

    return type :
    void

    content :
    ใช้ลบ Renderer ทั้งหมดที่ถูกเพิ่มโดย addRenderer(), addMonthRenderer()
    และ addWeekdayRenderer()

    example :
    function showJanuary ( ) 
    { 
        alert ( "Month January" ); 
    }
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.addMonthRenderer ( 1, showJanuary );
    calendar.render ( );
    calendar.removeRenderers ( );

  • method :
    removeTitleBar ( )

    return type :
    void

    content :
    ใช้ลบ title bar element ออกจาก Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.removeTitleBar ( );

  • method :
    render ( )

    return type :
    void

    content :
    ใช้กำหนดให้ Object Calendar แสดงผล

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );

  • method :
    reset ( )

    return type :
    void

    content :
    ใช้กำหนดให้ Object Calendar แสดงปฏิทินของเดือนที่กำหนดไว้
    ใน Configuration Attributes ( pagedate )

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.nextMonth ( );
    calendar.reset ( );

  • method :
    select ( date )

    return type :
    void, Date[]

    content :
    ใช้กำหนดให้ วันที่ที่กำหนดถูกเลือก

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.select ( "3/24/2009-3/28/2009" );

    comment :
    ตัวแปร date ให้กำหนด วันที่ โดยค่าที่เป็นไปได้ ได้แก่
    - date (month/day/year)
    - dates (month/day/year,month/day/year,...,month/day/year)
    - range (month/day/year-month/day/year)

  • method :
    selectCell ( cellIndex )

    return type :
    void, Date []

    content :
    ใช้กำหนดให้ cell ณ ตำแหน่งที่กำหนด ถูกเลือก

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.selectCell ( 15 );

  • method :
    setMonth ( month )

    return type :
    void

    content :
    ใช้กำหนด เดือนที่จะให้แสดง

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.setMonth ( 0 );
    calendar.render ( );

    comment :
    ตัวแปร month คือใช้กำหนด เดือนที่ โดยมีค่าที่เป็นไปได้ ได้แก่ 0=January, ..., 11=December

  • method :
    setYear ( year )

    return type :
    void

    content :
    ใช้กำหนด ปีที่จะให้แสดง

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.setYear ( 2009ss );
    calendar.render ( );

    comment :
    ตัวแปร year คือใช้กำหนด ปีที่ โดยมีค่าที่เป็นไปได้ ได้แก่ ตัวเลขสี่หลัก

  • method :
    show ( )

    return type :
    void

    content :
    ใช้กำหนดให้ ปฏิทิน แสดงขึ้นมา หลังจากถูก hide

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.hide ( );
    calendar.show ( );

  • method :
    subtractMonths ( count )

    return type :
    void

    content :
    ใช้กำหนดให้ เลื่อนเดือนของปฏิทินไป เดือนก่อนหน้า ตามจำนวนที่กำหนด

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.subtractMonths ( 3 );

  • method :
    subtractYears ( count )

    return type :
    void

    content :
    ใช้กำหนดให้ เลื่อนปีของปฏิทินไป ปีก่อนหน้า ตามจำนวนที่กำหนด

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.render ( );
    calendar.subtractYears ( 1 );

  • method :
    beforeDeselectEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ วันที่ จะถูกยกเลิกการเลือก

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeDeselectEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before deselect" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeDestroyEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะถูกทำลาย

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeDestroyEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before destroy calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeHideEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar จะถูกซ่อน

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeHideEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before hide calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeHideNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ CalendarNavigator 
    ของ Object Calendar จะถูกซ่อน

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeHideNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before hide calendarnavigator" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeRenderEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ Object Calendar 
    จะแสดงปฏิทินออกมาทางหน้าจอ

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeRenderEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before render calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeRenderNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่ CalendarNavigator ของ Object Calendar 
    จะแสดงถูกแสดงออกมาทางหน้าจอ

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeRenderNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before render CalendarNavigator" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeSelectEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่  Object Calendar จะแสดงถูก
    เลือกวันที่ภายในปฏิทิน

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeSelectEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before select calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeShowEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่  Object Calendar จะแสดงถูก
    แสดงขึ้นมาอีกครั้ง หลักจากที่ซ่อนไป

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeShowEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before show calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    beforeShowNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ ก่อนที่  CalendarNavigator ของ Object Calendar 
    จะแสดงถูกแสดงขึ้นมาอีกครั้ง หลักจากที่ซ่อนไป

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.beforeShowNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "before show calendarNavigator" ); 
    	} 
    );
    calendar.render ( );

  • method :
    changePageEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการเปลี่ยน page บน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.changePageEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "change page on calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    clearEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ 
    บน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.clearEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "clear on calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    deselectEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ บน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.deselectEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "deselected on calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    deselectEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ยกเลิกการเลือกวันที่ 
    บน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.deselectEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "deselected on calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    hideEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ซ่อน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.hideEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "hide calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    hideNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ ซ่อน CalendarNavigator 
    บน Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.hideNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "hide CalendarNavigator" ); 
    	} 
    );
    calendar.render ( );

  • method :
    renderEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ render Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.renderEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "render calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    renderNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ render CalendarNavigator 
    ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.renderNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "render calendarNavigator" ); 
    	} 
    );
    calendar.render ( );

  • method :
    resetEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ reset ปฏิทิน ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.resetEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "reset calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    selectEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ เลือกวันที่ บน ปฏิทิน 
    ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.selectEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "select calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    showEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ แสดง ปฏิทิน อีกครั้ง
    หลังจากถูกซ่อน ของ Object Calendar

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.showEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "show calendar" ); 
    	} 
    );
    calendar.render ( );

  • method :
    showNavEvent ( )

    return type :
    void

    content :
    เป็นการกำหนดให้ function ทำงาน เมื่อ มีการ แสดง CalendarNavigator
    ของ Object Calendar อีกครั้งหลังจากถูกซ่อน

    example :
    var config = { pagedate: "1/2009", mindate: "1/5/2009", maxdate: "1/15/2009" };
    var calendar = new YAHOO.widget.Calendar ( "table", "container", config ); 
    calendar.showNavEvent.subscribe ( 
    	function ( ) 
    	{ 
    		alert ( "show calendarNavigator" ); 
    	} 
    );
    calendar.render ( );

 
Share This Chapter Login with Facebook