网页中嵌入Yahoo Yui日历

1.  准备工作

     下载yui包：

    http://developer.yahoo.com/yui/

2.  代码：

加入yui包:

 <script type="text/javascript" src="./js/yuiyahoo.js" ></script> <script type="text/javascript" src="./js/calendar.js" ></script>

 

 必须声明一个class="yui-skin-sam"的DIV :

<div id="single" class="yui-skin-sam" style="position:absolute;left:10px;float:left;"></div> <script type="text/javascript"> YAHOO.namespace("mine.calendar"); YAHOO.mine.calendar.init = function() { var eLog = YAHOO.util.Dom.get("start_date"); function logEvent(msg) { eLog.value = msg; $.ajax({ url: http://www.yahoo.cn, type:"POST", data:"", success:function(msg){ //do something } }); } function dateToLocaleString(dt, cal) { //var wStr = cal.cfg.getProperty("WEEKDAYS_LONG")[dt.getDay()]; var dStr = dt.getDate(); var mStr = dt.getMonth()+1; if(mStr<10) mStr = "0"+mStr; var yStr = dt.getFullYear(); if(dStr<10) dStr = "0"+dStr; return (yStr+"-"+mStr+"-"+dStr); } function mySelectHandler(type,args,obj) { var selected = args[0]; var selDate = this.toDate(selected[0]); logEvent(dateToLocaleString(selDate, this)); }; YAHOO.mine.calendar.cal1 = new YAHOO.widget.Calendar("call","single"); YAHOO.mine.calendar.cal1.selectEvent.subscribe(mySelectHandler, YAHOO.mine.calendar.cal1, true); YAHOO.mine.calendar.cal1.render(); } YAHOO.util.Event.onDOMReady(YAHOO.mine.calendar.init); <script>

 

语言配置( YAHOO.mine.calendar.cal1 = new YAHOO.widget.Calendar("call","single"); 之后):

YAHOO.mine.calendar.cal1.cfg.setProperty("MDY_YEAR_POSITION", 1); YAHOO.mine.calendar.cal1.cfg.setProperty("MDY_MONTH_POSITION", 2); YAHOO.mine.calendar.cal1.cfg.setProperty("MDY_DAY_POSITION", 3); YAHOO.mine.calendar.cal1.cfg.setProperty("MY_YEAR_POSITION", 1); YAHOO.mine.calendar.cal1.cfg.setProperty("MY_MONTH_POSITION", 2); // Date labels for zh-TW var months = ["/u4e00/u6708","/u4e8c/u6708", "/u4e09/u6708", "/u56db/u6708", "/u4e94/u6708", "/u516d/u6708", "/u4e03/u6708", "/u516b/u6708", "/u4e5d/u6708", "/u5341/u6708", "/u5341/u4e00/u6708", "/u5341/u4e8c/u6708"]; var weekdays = ["/u65e5", "/u4e00", "/u4e8c", "/u4e09", "/u56db", "/u4e94", "/u516d"]; YAHOO.mine.calendar.cal1.cfg.setProperty("MONTHS_SHORT", months); YAHOO.mine.calendar.cal1.cfg.setProperty("MONTHS_LONG", months); YAHOO.mine.calendar.cal1.cfg.setProperty("WEEKDAYS_1CHAR", weekdays); YAHOO.mine.calendar.cal1.cfg.setProperty("WEEKDAYS_SHORT", weekdays); YAHOO.mine.calendar.cal1.cfg.setProperty("WEEKDAYS_MEDIUM", weekdays); YAHOO.mine.calendar.cal1.cfg.setProperty("WEEKDAYS_LONG", weekdays); // Month/Year label format for zh-TW YAHOO.mine.calendar.cal1.cfg.setProperty("MY_LABEL_YEAR_POSITION", 1); YAHOO.mine.calendar.cal1.cfg.setProperty("MY_LABEL_MONTH_POSITION", 2); YAHOO.mine.calendar.cal1.cfg.setProperty("MY_LABEL_YEAR_SUFFIX", "/u5E74");