标签: ui-calendar

我有fullCalendar 的麻烦。我正在使用周视图（defaultView：'basicWeek'）和工具栏按钮“今天”、“上一个”、“下一个”。当我单击“今天”按钮时，日历会导航回当前周，但日期选择不会改变。我希望日历导航到当前周并在日历上选择今天的日期。但是我在重新定义“今天”按钮点击事件时遇到了麻烦。

代码示例：https : //plnkr.co/edit/dv9yiq1CdJxfFTsDg4Yx?p=preview

defaultView: 'basicWeek',
            defaultDate: '2016-01-12',
            selectable: true,
            selectHelper: true,
            select: function(start, end) {
              console.log('select');
                var title = prompt('Event Title:');
                var eventData;
                if (title) {
                    eventData = {
                        title: title,
                        start: start,
                        end: end
                    };
                    $('#calendar').fullCalendar('renderEvent', eventData, true); 
                }
                $('#calendar').fullCalendar('unselect');
            }

在这种情况下，当我单击“今天”按钮时，我希望显示今天日期的弹出窗口（警报）。因此，基本上单击按钮不仅可以将我导航到当前周，还可以选择当前日期。

我正在使用全日历版本 2.9.1。我将日历呈现为议程周。当我点击桌面上的特定时间段时，它会触发选择回调，但是当我点击移动设备时它不会。问题是什么？

     selectable:true,
     select: function(start, end, jsEvent, view) {
      // event is firing this callback
     }

我在使用ui.calendar 的角度应用程序中使用它

我正在尝试将 Fullcalendar 用于我的一份休假申请。我启用了选择选项，以便用户可以选择日期并申请休假。但我想禁用周末被选择，即当用户单击周末时它应该发出警报。可以实现吗？

我的代码

this.calendarOptions = {
    height:450,
    defaultDate: moment(new Date(),'YYYY-MM-DD'),
    editable: false,
    stick:true,
    selectable:true,
    eventLimit: false, // allow "more" link when too many events
    events: this.eventList,
    header: {
        left: 'month basicWeek basicDay',
        center: 'title',
        right: 'today prev,next'
    },
    displayEventTime: false,

    select: (start, end, allDay) => {
        this.startDate=moment(start).format("YYYY-MM-DD");
        this.endDate=moment(end).format("YYYY-MM-DD");   
        $('.first.modal').modal('show');
    },
    dayRender: (date, cell)=> {
    //logic
    },
    selectOverlap:false,
};