jquery 如何根据选定的月份和年份显示FullCalendar日历?

mrwjdhj3  于 2022-12-18  发布在  jQuery
关注(0)|答案(1)|浏览(209)

我在javascriptjquery方面相当糟糕。我需要帮助来解决这个任务。

如何根据此表单中选择的月份和年份显示日历。

<form class="navbar-search" action="search.php?id=<?= $id ?>" method="post">
    <div class="row">
        <div class="col">
            <label for="year">YEAR:</label>
            <input name="year" value="<?=$year?>" class="form-control form-control-user" id="yearpicker" placeholder="Please Choose..." autocomplete="off">
        </div>
        <div class="col">
            <label for="month">MONTH :</label>
            <input name="month" value="<?=$month?>" class="form-control form-control-user" id="monthpicker" placeholder="Please Choose..." autocomplete="off">
        </div>
    </div><br>
    <button name="search" id="search" type="submit" class="btn btn-primary btn-user btn-block"><i class="fas fa-search fa-sm"></i> SEARCH</button>
    <hr>
</form>

我正在使用自定义日期选择器在这个形式的输入顺便说一句。

这是日程表

这是应该调用日历的js/jquery,但是我不知道如何以及在哪里将年和月的值发送到日历。

$(document).ready(function() {
        $('#calendar').fullCalendar({
            editable: true,
            events: "fetch-event.php?id=<?php echo $id ?>",
            displayEventTime: false,
            eventRender: function(event, element, view) {
                if (event.allDay === 'true') {
                    event.allDay = true;
                } else {
                    event.allDay = false;
                }
            },
        });
bzzcjhmw

bzzcjhmw1#

多亏了ADyson我现在明白了!我想通了。
我添加了date变量来存储来自php的日期,并在fullCalendar中添加了gotoDate方法

$(document).ready(function() {
        $('#calendar').fullCalendar({
            // editable: true,
            events: "fetch-event.php?id=<?php echo $id ?>",
            displayEventTime: false,
            eventRender: function(event, element, view) {
                if (event.allDay === 'true') {
                    event.allDay = true;
                } else {
                    event.allDay = false;
                }
            },
        });
        date = '<?= $tahun ?>-<?= date('m', strtotime($bulan)) ?>-01';
        $('#calendar').fullCalendar('gotoDate', date);
    });

另请参见fullcalendar.io/docs/v3/methods以获得有关使用fullcalendar 3中的函数的一般帮助。并参见fullcalendar.io/docs/v3#toc以获得有关使用fullcalendar 3的一般帮助。

相关问题