将月份切换器添加到JS日历

时间:2011-09-03 19:17:58

标签: javascript jquery calendar

我是JavaScript的新手。找到了漂亮的日历脚本,但没有月开关按钮。我尝试了几种方法为月切换添加“next”和“prev”按钮,但没有任何成功。需要帮忙!这是日历http://test.wowspace.ru/index.html

1 个答案:

答案 0 :(得分:0)

我有几种方法可以做到这一点,但这里有一个:

您可以为当前月份偏移量和上一个/下个月的按钮创建隐藏输入,然后修改JS以适应这些。

<!-- Hidden input goes in the index.html page -->
<input type="hidden" id="id_month_offset" name="month_offset" value=0 />

<!-- Put links somewhere in the index.html page -->
<a href="#" onclick="update_cal(-1); return false;">Prev</a>
<a href="#" onclick="update_cal(1); return false;">Next</a>

<!-- Add the update_cal script -->
<script type="text/javascript">
   function update_cal(n){
      var offset = $("#id_month_offset");
      offset.val(parseInt(offset.val())+n);
      $('#calendar').calendarWidget({});
   }
</script>

<!-- Hidden input goes in the index.html page --> <input type="hidden" id="id_month_offset" name="month_offset" value=0 /> <!-- Put links somewhere in the index.html page --> <a href="#" onclick="update_cal(-1); return false;">Prev</a> <a href="#" onclick="update_cal(1); return false;">Next</a> <!-- Add the update_cal script --> <script type="text/javascript"> function update_cal(n){ var offset = $("#id_month_offset"); offset.val(parseInt(offset.val())+n); $('#calendar').calendarWidget({}); } </script>

对calen.js文件进行的更改:
更改为
var month = now.getMonth();