javascript日历';s的“下一步”和“上一步”按钮不工作

javascript日历';s的“下一步”和“上一步”按钮不工作,javascript,calendar,Javascript,Calendar,我制作了自己的javascript日历,因为我可以处理数据库中的数据。我想为我的用户提供选项,以便他/她可以使用下一个和上一个按钮查看任何月份。此日历可以工作,但我的上一个和下一个按钮不工作。我的密码是:: 我的php文件:: myfile.php <!DOCTYPE html> <html lang="en"> <head> <script src="../_javaScript/jquery-1.9.1.js" type="text

我制作了自己的javascript日历,因为我可以处理数据库中的数据。我想为我的用户提供选项,以便他/她可以使用下一个上一个按钮查看任何月份。此日历可以工作,但我的上一个下一个按钮不工作。我的密码是::

我的php文件::

myfile.php

<!DOCTYPE html>
<html lang="en">
   <head>
      <script src="../_javaScript/jquery-1.9.1.js" type="text/javascript"> </script> 
      <!-- call calender.js file  -->
      <script src="../_javaScript/calender.js" type="text/javascript"> </script>
   </head>

 <body> 
      <div id="calander">            
        <script type="text/javascript">                 
    $("document").ready( function()  {
        var dayData = <?php echo json_encode($dayArray); ?>;  // data from database using json_encode function                      
        var thisDate = new Date();  // present time

        var thisMonth = thisDate.getMonth();   // present month
        var thisYear  = thisDate.getFullYear();  // present year                            
        makeCalender(dayData, thisMonth, thisYear); // call to display calender
    });     
     </script>  <!-- end of script -->

      </div>  <!-- end of calender  -->

 </body>  <!-- end of body -->

</html>

$(“文档”).ready(函数(){
var dayData=;//使用json_encode函数从数据库获取数据
var thisDate=new Date();//当前时间
var thisMonth=thisDate.getMonth();//当前月份
var thisYear=thisDate.getFullYear();//当前年份
makeCalendar(dayData,thisMonth,thisYear);//调用以显示日历
});     
我的日历.js文件。在这里,一切正常,我唯一的问题是我的上一个下一个按钮不工作

calender.js

 function  makeCalender(dayData, thisMonth, thisYear) {
 // calculation for calender
 // this part I make some calculation which is worked well      

 // now design calender table
 var designTable = "";

// some calender code for designing and making calender 

 designTable += "<table>";

 designTable += "<tr>";

    // calender 

 designTable += "</tr>";

 designTable += "<tr>";

  // this  prev button (before commented) doesn't work
 /*designTable  += "<td> <input type='button' name='prevMonth' value='&lAarr' onclick='makeCalender(" + dayDate + "," + thisMonth + "," + thisYear +")' /> </td>"; */

   // this prev button also doesn't work
 designTable  += "<td> <input type='button' name='prev' value='prev' onclick=\'" + "makeCalender(" + dayData + ", " + prevMonth + ", " + prevYear + ");\' /> </td>";

   designTable  += "  <td> &nbsp; </td> <td> &nbsp; </td> <td> &nbsp; </td> <td> &nbsp; </td> <td> &nbsp; </td> ";

// this next button does not work
    designTable  += "<td> <input type='button' name='next' value='>>' onclick='alert(\"makeCalender( " +  dayData + ", " + nextMonth + ", " + nextYear + " )\");' /> </td>";

     // this next button (before commented)  also doesn't work
/* designTable  += "<td> <input type='button' name='nextMonth' value='&rAarr' onclick='makeCalender("  + dayDate + "," + nextMonth + "," + nextYear ")' /> </td>" */

 designTable += "</tr>";

 designTable  +=  "</table>";

 // now print this table into "calander" part in "myfile.php" 
 document.getElementById("calander").innerHTML = designTable; 

}
函数makeCalendar(日期数据、本月、本年){
//压延机的计算
//这一部分我做了一些计算,效果很好
//现在设计日历台
var designTable=“”;
//设计和制造压延机的一些压延机规范
设计表+=“”;
设计表+=“”;
//压延机
设计表+=“”;
设计表+=“”;
//此prev按钮(在注释之前)不起作用
/*设计表+=“”*/
//这个prev按钮也不起作用
设计表+=“”;
设计表+=“”;
//“下一步”按钮不起作用
设计表+=“”;
//“下一步”按钮(在注释之前)也不起作用
/*设计表+=“”*/
设计表+=“”;
设计表+=“”;
//现在将此表打印到“myfile.php”中的“calander”部分
document.getElementById(“calander”).innerHTML=designTable;
}

在prev按钮中,您在哪里定义变量prevMonth和prevYear?变量prevMonth和pervYear如下::var nextMonth;var nextYear;如果(thisMonth==11){nextMonth=0;nextYear=date.setFullYear(thisYear+1);nextYear=date.getFullYear(nextYear);}else{nextMonth=thisMonth+1;nextYear=thisYear;}var prevMonth;前一年的var;var prevDate;如果(thisMonth==0){prevMonth=11;prevYear=date.setFullYear(thisYear-1);prevYear=date.getFullYear(prevYear);}否则{prevMonth=thisMonth-1;prevYear=thisYear;}