Question

We are using jQuery full calendar for displaying events from database.

I need to display the events below the calendar according to user selected month onchange. I can get data according to event date but I can t get user selected month in jQuery calendar.

$( #calendar ).fullCalendar({
    theme: true,
    header: {

        left:  today ,
        center:  prevYear,prev,title, next,nextYear ,
        right:   month,agendaWeek,agendaDay 
    },
    buttonText: {
        prevYear:  Prev 
    },
    editable: false,
    events: [
    <?php foreach ($edumeet_invite_det as $key =>  $edumeet_det): ?> 
    <?php $edumeet_start = $edumeet_det->getFromDate(); ?>
    <?php $edumeet_end = $edumeet_det->getToDate(); ?>
    <?php $title = $edumeet_det->getTitle(); ?> 
        {
            title: <?php echo $title; ?> ,
            start: <?php echo $edumeet_start ?> ,
            end: <?php echo $edumeet_end ?> ,
            allDay: false
        },
    <?php endforeach; ?>
        ],

    eventColor:  #378006 ,    
});

这是我使用的日历功能,我需要获得选定月份的用户<代码>onchange。是否有办法解决这一问题?

Answer 1

Maybe I don t fully understand your quesiton, but it sounds like you just need to know the current month on screen?

“植被”方法。

function getMonth(){
  var date = $("#calendar").fullCalendar( getDate );
  var month_int = date.getMonth();
  //you now have the visible month as an integer from 0-11
}

如果是这样,你会问什么。

Answer 2

The function "getView" which might be useful to you:

http://arshaw.com/fullcalendar/docs/views/View_Object/

进入日历月的第一天:

$(cal).fullCalendar( getView ).start

To get the last day of calendar month:

<编码>$(cal).fullCalendar (edView >.end

进入日历的第一个可见日:(上个月的最后几天)

$(cal).fullCalendar (edView )visStart

进入日历的最后可见日:(下个月头几天)

<编码>$(cal).fullCalendar (edView >).visEnd

Answer 3

最后版本(2018年)需要使用这一法典!

jQuery("#your_selector").fullCalendar( getDate ).month()

Answer 4

www.un.org/Depts/DGACM/index_spanish.htm 正式日历-4

<script type="text/javascript">

document.addEventListener( DOMContentLoaded , function() {
    var calendarEl = document.getElementById( calendar );
    var calendar = new FullCalendar.Calendar(calendarEl, {
        ...
        ...
    });

    calendar.render();

    var cdate = calendar.getDate();
    var month_int = cdate.getMonth();
    alert((month_int+1));  // March 2020 month will return 3

});

</script>

这一解决办法对我有利。很高兴帮助你。感谢提出这一问题。

Answer 5

采用以下方式:<代码>,在您开始编制日历/代码时,可以做到:

 $( #calendar ).fullCalendar({

    dayClick: function(date, jsEvent, view) { 
        alert( Clicked on:   + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear());  
    },

});

Answer 6

<> 正式日历 v2.6.1 (2016-02-17)

function getMonth() {
  var date = $("#calendar").fullCalendar( getDate );
  month = date._d.getMonth()+1
  console.log(month);
}

Answer 7

查阅关于。这将包含<条码>现行Start,这将是意见试图代表的间隔期的开始。本月将是第一个月。

https://momentjs.com/rel=“nofollow noretinger”https://momentjs.com/。页: 1

const currentMonth = moment(calendar.view.currentStart).month();

友情链接