01.<div id="Showdata2"></div>
02.
03.<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
04.<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script>
05.<script type="text/javascript">
06.var makeEvent;
07.makeEvent=function(){
08. arguments[1]+=1;
09. arguments[1]=(arguments[1]<10)?"0"+arguments[1]:arguments[1];
10. var setDateSelect=arguments[0]+"-"+arguments[1];
11. $.getJSON("date_jsondata.php",{dateSelect:setDateSelect},function(data){
12. $.each(data,function(i,k){
13. var dayVal=parseInt(data[i].day)-1;
14. $("a.ui-state-default").eq(dayVal).css("text-decoration","underline");
15. });
16. });
17.}
18.makeEvent2=function(){
19. arguments[1]+=1;
20. arguments[1]=(arguments[1]<10)?"0"+arguments[1]:arguments[1];
21. var setDateSelect=arguments[0]+"-"+arguments[1];
22. $.getJSON("date_jsondata.php",{dateSelect:setDateSelect},function(data){
23. $.each(data,function(i,k){
24. $("div#Showdata2").append(data[i].day+"-");
25. $("div#Showdata2").append(data[i].month+" : ");
26. $("div#Showdata2").append(data[i].event+"<br>");
27. });
28. });
29.}
30.$(function(){
31.
32.$( "#datepicker" ).datepicker({
33. dateFormat: 'yy-mm-dd',
34. onChangeMonthYear:function(year, month){
35.
36. makeEvent2(year,month-1);
37. },
38. });
39.});
40.</script>
