Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Icello DateChooser (gallery-icello-datechooser) on cdn

Last Updated: 05/17/12

+ 0 -

John Iannicello

YUI Contributor

See 2 more by this user.

Created: 04/1/12
Last CDN Push: 05/16/12
Build Tag: gallery-2012.05.16-20-37
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

3 views navigation
- month view: to select date for input. next/prev month
- year view: to select month of year. next/prev year
- decade view: to select year of decade. next/prev decade

to do
- different date formats for input

Simple example that just renders widget and gets the date.

Custom events not included in example:

daySelect
monthSelect
yearSelect
decadeSelect

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.05.16-20-37'
}).use('gallery-icello-datechooser', function (Y) {
    Y.on('domready', function (e) {
        Y.log('', 'info', 'domready');
 
        var cal = new Y.Icello.DateChooser({
            inputNode: '#txtDate'  //format is '1/1/2012'
        });
 
        cal.render();
 
        //to get date at any time
        cal.get('date');
    });
});