Question

我在项目中使用了浪漫日历。日历显示正确。当月份更改后，我想执行一些操作。在浪漫日历中是否有任何月份更改事件。很难使它工作。感谢您的提前帮助。

<div class="ui calendar" id="calendar">
</div>

我已经像这样初始化了日历 ngOnInit（）{ $（'＃calendar'）。calendar（{ 类型：“日期” }）; }

enter image description here

当我单击如图所示的箭头图标时，我想做一些动作

Answer 1

Fomantic-UI日历模块具有事件onBeforeChange，您可以使用该事件确定年份更改

  $('.ui.calendar').calendar({
    type: 'date',
    onBeforeChange: function(newDate){
      var oldDate = $(this).calendar('get date');
      if(!oldDate || oldDate.getFullYear() != newDate.getFullYear()) {
        console.log('Year has changed!');
      }
    }
  });

Answer 2

初始化之后，如果签出Javascript生成的代码，则可以看到左箭头位于class="prev"的div中，而右箭头位于class="next"的div中。

所以你可以做这样的事情

$('#calendar prev, #calendar next').click(function() {
    //do something
})

触发日历中的月份更改事件

2 个答案: