FullCalendar IO-如何制作月份下拉列表选择列表

我试图弄清楚如何定制FullCalenaer javascript事件日历（）。我想在我的日历（以月份格式显示）上方添加一个选择列表，该列表将列出未来12个月和12个月后的月份。当用户做出选择时，它将跳转到该月。我认为它需要实现gotoDate函数（），但我对如何使用它有点困惑。

gotoDate方法正是您想要使用的方法。它接受一个参数作为字符串或“矩”对象（）。Moment是Adam Shaw在FullCalendar中使用的第三方库，帮助他处理日期和时间。建议字符串为ISO8601日期；但是，FullCalendar或Moment也接受“MM/dd/yyyy”。创建力矩对象的方式如下所示：

var momObj = moment([your date string]);

如果选择框中的每个选项都有一个日期值（我建议每个月的第一个），那么您所要做的就是将所选值传递给FullCalendar

[your calendar].fullCalendar('gotoDate', [selected value]);

---

这会将您的日历发送到所选日期

迟做总比不做好。我只是做了一个下拉列表，并把它放在日历的顶部

<script type='text/javascript'>
$(function() {
    var getdate = $('#calendar').fullCalendar('getDate');
$("select.monthpicker").val(getdate.format('YYYY-MM'));
$('#monthsubmit').on('click', function () {
    var submit = $('select.monthpicker').val();
    $('#calendar').fullCalendar( 'gotoDate', submit );
});
});
function datechange()
{
   document.getElementById('monthsubmit').click();
}
</script>

$（函数（）{
var getdate=$（'#calendar'）。fullCalendar（'getdate'）；
$（“select.monthpicker”）.val（getdate.format（'YYYY-MM'）；
$（'#monthsubmit'）。在（'click'，函数（）{
var submit=$（'select.monthpicker'）.val（）；
$（“#日历”）.fullCalendar（'gotoDate'，submit）；
});
});
函数datechange（）
{
document.getElementById（'monthsubmit'）。单击（）；
}

下一部分构建SELECTWITHMySQL查询。你不应该使用查询，但目前，这对我来说比较容易，因为我有日历，如果我的mysql日历中没有日期，那么用户也不能在那里导航。。。 无论如何：

去

显示您编写的一些代码。现在还没有办法告诉你到底是什么问题。@MarcinJuraszek-我实际上还没有写任何代码。我正在使用Drupal模块FullCalendar并尝试手动修改它。我会在drupal.stackexchange部分问这个问题，但我觉得这实际上是一个更一般的编码问题。

<div id="monthpicker">
<?php
include('connection_mysqli.php');
$result_month = mysqli_query($con,"
select distinct date_format(date,'%M %Y') as date,date_format(date,'%Y-%m') as value from calendar where date between curdate() - interval 1 month and curdate() + interval 5 month and day(date)=day(curdate())
");?>
<select class="monthpicker" onchange="datechange()">
<?php
while($row = $result_month->fetch_assoc())
        {   
        echo "<option value='".$row['value']."'>".$row['date']."</option>";
        };
?>
</select> <button id="monthsubmit" hidden>GO</button>
</div>