API Docs for:
Show:

Y.Plugin.Calendar.JumpNav Class

A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which is a View class extension to setup a "click" listener on Calendar's "Month Year" header label that opens a popup Panel to provide a quick method to jump to a month / year.

Please see the Calendar.JumpNavView documentation for full details.

Constructor

Y.Plugin.Calendar.JumpNav

(
  • config
)

Parameters:

  • config Object

Example:

var myCal = new Y.Calendar({
    contentBox: "#mycal",
    width: '200px',
    showPrevMonth: true,
    showNextMonth: true
});

// Plugin the View to this Calendar ... available years are 1988 to 2021
cal.plug( Y.Plugin.Calendar.JumpNav, {
    yearStart: 1988,
    yearEnd:   2021
});

cal.render();

Methods

_afterHostRenderEvent

() private

Connector method that initializes the View and connects it to the Calendar instance

destructor

() protected

Destroys the View that was created and detaches its event listeners

initializer

(
  • config
)

Parameters:

  • config Object

Properties

NAME

String

name for this plugin

NS

String

This plugin can be accessed from a Calendar instance as "Calendar.jumpnav"

Attributes

closeAfterGo

Boolean

This flag sets whether the Panel instance should be hidden after the "Go" button is pressed

Default: true

offsetXY

Array

The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" that was clicked.

Default: [ 30, 10 ]

openEventType

String

Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. Sensible values are "click" or "dblclick".

Default: 'click'

yearEnd

Number

Default: Current year

yearStart

Number

Default: 1985