|
21 | 21 | <script type="text/javascript" src="../script/aui-calendar.js"></script> |
22 | 22 | <script type="text/javascript"> |
23 | 23 | apiready = function(){ |
24 | | - /** |
25 | | - * 日历 |
26 | | - * $aui.calendar(el,opts,callback); |
27 | | - * startDate = '2016-03-20'开始日期,不传时为今天,当没有天传入时,默认从当月开始日期 |
28 | | - * endDate = '2016-04-28' 结束日期 |
29 | | - * beforeStartDateClick 默认false,开始日期之前的当月是否允许点击 |
30 | | - * 当开始日期和结束日期都为空时,默认显示当月日历 |
31 | | - * 返回数据为点击某天后结果,格式 {status:'success',date:'2016-01-01'} |
32 | | - ** |
33 | | - $aui.calendar($api.byId("calendar"),{ |
34 | | - startDate:'2016-03', |
35 | | - endDate:'2016-08', |
36 | | - beforeStartDateClick : false |
37 | | - },function(ret){ |
38 | | - if(ret){ |
39 | | - // 返回点击的日期 |
40 | | - // alert(JSON.stringify(ret)); |
41 | | - } |
42 | | - }) |
43 | | - */ |
44 | | - var todayDate = new Date(); |
45 | | - var startDate = todayDate.getFullYear()+'-'+(todayDate.getMonth()+1)+'-'+todayDate.getDate(); |
46 | | - var endDate = (todayDate.getFullYear())+'-'+(todayDate.getMonth()+5); |
47 | | - $aui.calendar($api.byId("calendar"),{ |
48 | | - startDate : startDate, |
49 | | - endDate : endDate, |
50 | | - beforeStartDateClick : false // 是否允许开始日期之前的可以点击,默认为false |
51 | | - },function(ret){ |
52 | | - if(ret){ |
53 | | - // 返回点击的日期 |
54 | | - // alert(JSON.stringify(ret)); |
55 | | - $api.text($api.byId("result"),ret.date); |
56 | | - } |
57 | | - }) |
| 24 | + } |
| 25 | + var todayDate = new Date(); |
| 26 | + var startDate = todayDate.getFullYear()+'-'+(todayDate.getMonth()+1)+'-'+todayDate.getDate(); |
| 27 | + var endDate = (todayDate.getFullYear())+'-'+(todayDate.getMonth()+5); |
| 28 | + var calendar = new auiCalendar({ |
| 29 | + container:document.getElementById("calendar"), |
| 30 | + startDate:startDate, |
| 31 | + endDate:endDate, |
| 32 | + lunarShow:true, |
| 33 | + dateActive:dateActive, |
| 34 | + beforeStartDateClick:false |
| 35 | + }); |
| 36 | + function dateActive(date){ |
| 37 | + document.getElementById("result").textContent = date; |
58 | 38 | } |
59 | 39 | </script> |
60 | 40 | </html> |
0 commit comments