dayClick将事件添加到FullCalendar中的所有日期

时间:2016-01-23 07:49:34

标签: javascript jquery html css fullcalendar

我目前正在使用fullCalendar(jQuery插件)而且我遇到了愚蠢的问题。

这是我的代码,

dayClick : function( date, jsEvent, view) {
    var eventTitle = prompt("Provide Event Title");
    if(eventTitle){
        $("#calendar").fullCalendar('renderEvent',{
            title : eventTitle,
            start : moment(date).format('HH:MM:SS'),
            stick : true
        });
    }
}, 

问题:当用户点击一天时,会提示输入活动标题。之后,事件将添加到日历中的所有日期。我希望事件只在特定日期坚持到日历。(基于用户点击)。

任何人都可以帮助我实现这一目标。

1 个答案:

答案 0 :(得分:1)

这是因为您将开始日期格式化为仅小时/分钟/秒。在那里也使用YYYY-MM-DD。

$('#calendar').fullCalendar({
  dayClick: function(date, jsEvent, view) {
    var eventTitle = prompt("Provide Event Title");
    if (eventTitle) {
      $("#calendar").fullCalendar('renderEvent', {
        title: eventTitle,
        start: moment(date).format('YYYY-MM-DD HH:MM:SS'), /* vs HH:MM:SS */
        stick: true
      });
    }
  }
});

演示:https://jsfiddle.net/hr9x1243/