Получение данных в поле ввода из календаря YUI с помощью функции multi-select: true - PullRequest
Новая
       17

Получение данных в поле ввода из календаря YUI с помощью функции multi-select: true

0 голосов
/ 16 июня 2010 
<script type="text/javascript">
    YAHOO.util.Event.onDOMReady(function(){
        YAHOO.dateSelects.exc = new YAHOO.widget.Calendar("exc","excContainer", 
        { title:"Choose a date:", close:true, multi_select:true });

        YAHOO.dateSelects.exc.render();

        YAHOO.util.Event.addListener(
            "excshowup", 
            "click", 
            YAHOO.dateSelects.exc.show, 
            YAHOO.dateSelects.exc, 
            true
        );
    });
</script>

<div class="calendarOuterContainer">
    <div id="excContainer" class="calendarContainer"></div>
</div>

<a id="excshowup"><img src="/images/icons/calendar.png" /></a>

Предыдущий код генерирует календарь YUI с возможностью выбора нескольких дат в одном календаре. Что мне трудно понять, так это то, как захватить эти данные и поместить их в тег ввода текста на лету. Поэтому, когда человек нажимает кнопку закрытия, все выбранные даты заполняются внутри тега ввода.

Предложения? (Пример кода с благодарностью)

1 Ответ

0 голосов
/ 16 июня 2010

Подпишитесь на событие hide и вызов getSelectedDates () в экземпляре календаря, который будет возвращать массив объектов JS Date.Затем вы можете отформатировать и объединить их, чтобы получить строку в стиле, в котором вы хотите установить значение для ввода текста.

...