使用多选:从YUI日历将数据输入到输入字段中:true

时间:2010-06-16 16:41:36

标签: calendar yui yui-calendar

<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 :(得分:0)

订阅hide活动&amp;在日历实例上调用getSelectedDates(),它将返回JS Date对象的数组。然后你可以格式化&amp;将这些组合起来得到你想要设置文本输入值的样式的字符串。