как получить ключ и значение в ассоциативном массиве - PullRequest
Новая
       0

как получить ключ и значение в ассоциативном массиве

2 голосов
/ 14 октября 2010

У меня есть средство выбора даты, в котором включены только некоторые даты на основе 3 наборов массивов.onSelect Я получаю доступную дату, на которую щелкнул.Теперь все усложняется.Массив с доступными датами должен быть ассоциативным массивом с идентификатором и датой в виде «ключа» и «значения».Как получить идентификатор, связанный с доступной датой, на которую я нажал?

Вот мой код: 

function calendar(){

    function datePicker(array){
        $j("#datepicker").datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: $j.datepicker.parseDate('ddmmyy', array[0]), //this makes the datepicker start at the first available
            beforeShowDay: function(dateToShow){
                if ($j.inArray($j.datepicker.formatDate('ddmmyy', dateToShow),array) !== -1) return [1, 'my-class', 'Available date!'];
                else return [0, 'no-class', 'Date not available!'];

            },
            //get the selected date
            onSelect: function(dateText) {
                var dateAsString = dateText; //the first parameter of this function

                //var dateAsObject = $j(this).datepicker( 'getDate' ); //the getDate method
                $j('#getDate').text(dateAsString);
            }
        });
    }


    $j('.book-pack a.button').each(function(){

        //getting the button id
        var btnId = $j(this).attr('id');

        //arrays with available dates for the 3 packs
        var datesClub = new Array('08102010', '09102010', '15102010', '16102010', '22102010', '23102010', '29102010', '30102010');
        var datesEssential = new Array('08102010', '09102010', '15102010', '16102010', '22102010', '23102010', '29102010', '30102010');
        var datesFling = new Array('08102010', '09102010', '15102010', '16102010', '22102010', '23102010', '29102010', '30102010');


        $j(this).click(function(){

            switch(btnId)
            {
                case 'club-class':
                    $j('.window h2.page-title').text('Club Class');
                    datePicker(datesClub);
                    break;
                case 'essential':
                    $j('.window h2.page-title').text('The Essential Experience');
                    datePicker(datesEssential);
                    break;
                case 'last-fling':
                    $j('.window h2.page-title').text('Last Fling Before the Ring');
                    datePicker(datesFling);
                    break;
            }

            return false;
        });
    });
}

1 Ответ

0 голосов
/ 14 октября 2010

Попробуйте что-то вроде этого ( демо ):

Этот скрипт создает массив дат из ассоциативного массива (объекта). Было проще переключать пары ключ: значение, чтобы дата была ключом, а значение - идентификатором, но я думаю, что это помогает понять. 

function calendar() {

    function datePicker(pack) {
        // create array of dates from pack
        var i, array = [];
        for (var i in pack) {
            array.push(i);
        }
        $j("#datepicker").datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: $j.datepicker.parseDate('ddmmyy', array[0]),
            //this makes the datepicker start at the first available
            beforeShowDay: function(dateToShow) {
                return ($j.inArray($j.datepicker.formatDate('ddmmyy', dateToShow), array) !== -1) ? [1, 'my-class', 'Available date!'] : [0, 'no-class', 'Date not available!'];
            },
            //get the selected date
            onSelect: function(dateText, inst) {
                var dateAsString = dateText,
                    //the first parameter of this function
                    dateCompressed = (dateText).replace(/-/g, ''); // dd-mm-yyyy -> ddmmyyyy
                $j('#getDate').text(dateAsString);
                $j('#getId').text(pack[dateCompressed]);
            }

        });
    }


    $j('.book-pack a.button').each(function() {
        //getting the button id
        var btnId = $j(this).attr('id');
        //arrays with available dates for the 3 packs
        var datesClub = { '08102010' : 'id1', '09102010' : 'id2', '15102010' : 'id3', '16102010' : 'id4', '22102010' : 'id5', '23102010' : 'id6', '29102010' : 'id7', '30102010' : 'id8' };
        var datesEssential =  { '08102010' : 'id1', '09102010' : 'id2', '15102010' : 'id3', '16102010' : 'id4', '22102010' : 'id5', '23102010' : 'id6', '29102010' : 'id7', '30102010' : 'id8' };
        var datesFling =  { '08102010' : 'id1', '09102010' : 'id2', '15102010' : 'id3', '16102010' : 'id4', '22102010' : 'id5', '23102010' : 'id6', '29102010' : 'id7', '30102010' : 'id8' };

        $j(this).click(function() {
            switch (btnId) {
            case 'club-class':
                $j('.window h2.page-title').text('Club Class');
                datePicker(datesClub);
                break;
            case 'essential':
                $j('.window h2.page-title').text('The Essential Experience');
                datePicker(datesEssential);
                break;
            case 'last-fling':
                $j('.window h2.page-title').text('Last Fling Before the Ring');
                datePicker(datesFling);
                break;
            }
            return false;
        });
    });
}
...