Calendar Row Select

Updated this example to work with YUI Version .12. The original can be found here.

Click on a date to select the entire row.

What is selected?

var cal1;
function init() {
    cal1 = new YAHOO.widget.Calendar('cal1', 'cal1Container', {
        MULTI_SELECT: true
    });
    
    cal1.selectEvent.subscribe(rowSelect, cal1, true);
    cal1.render();
}

function rowSelect(ev, arr) {
    /* Deselect all items */
    this.deselectAll();
    /* Remove the selected class */
    $D.removeClass(this.cells, 'selected');
    /* Prep the array of selected items */
    var selected = [];
    /* Find the cell index of the selected date */
    for (var i = 0; i < this.cellDates.length; i++) {
        if (this._fieldArraysAreEqual(arr[0][0], this.cellDates[i])) {
            var index = i;
            break;
        }
    }
    /* The TR parent of the selected date */
    var row = this.cells[index].parentNode;
    /* All of the TDs in that row */
    var tds = row.getElementsByTagName('td');
    for (var i = 0; i < tds.length; i++) {
        var cell = tds[i];
        /* Get the cell index of this TD */
        var index = parseInt(cell.id.replace(this.id + '_cell', ''));
        /* The date of this TD */
        var d = this.cellDates[index];
        var dCellDate = this._toDate(d);
        /* This check can be removed if you want them to be able to select days outside of the current month */
        if (!this.isDateOOM(dCellDate)) {
            var selectDate = d.concat();
            /* Add this date to the selected array */
            selected[selected.length] = selectDate;
            /* Set selected style */
            this.renderCellStyleSelected(dCellDate, cell);
        }
    }
    /* Update the config with the array of selected dates */
    this.cfg.setProperty("selected", selected);
}

$E.addListener(window, 'load', init);