2010-06-16 53 views
0
<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日历,可以在一个日历上选择多个日期。我在解决问题时遇到的困难是如何捕获这些数据并将其放在文本输入标签中。所以当一个人点击关闭按钮时,所有选择的日期都会填充到输入标签中。从YUI日历中获取数据输入字段:true

对此提出建议? (代码示例非常感谢)

回答

0

订阅hide事件&在您的日历实例上调用getSelectedDates(),它将返回一个JS Date对象数组。然后你可以将格式&结合起来,在你想要设置你的文本输入值的样式中得到一个字符串。

+0

我对YUI不是很熟悉,你能否给我看一些代码? – kylex 2010-06-16 17:18:48