calendar - 使用 multi-select:true 从 YUI Calendar 将数据输入到输入字段

Question

<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 日历，可以在一个日历上选择多个日期。我无法弄清楚的是如何捕获该数据并将其动态放置在文本输入标签中。因此，当一个人单击关闭按钮时，所有选定的日期都会填充到输入标签内。

建议？（非常感谢代码示例）

Answer 1

订阅隐藏事件并在您的日历实例上调用getSelectedDates ()，这将返回一个 JS Date 对象数组。然后，您可以对它们进行格式化和组合，以获得您想要设置文本输入值的样式的字符串。