Select method does not work with single click in UI-Calendar.

[sharankasandula]

So I have spent quite a lot of time getting this thing to work.

The ui-calendar repo does not have "select" mothod. i.e, to make a selection to create an event, according to the Full calendar documentation - select (method)

As of now the selection functionality works, except that the event is not created with a single click. Its created only when the user clicks and drags. Did anyone else have this problem as well? I don't have dayClick() function in case you are wondering.

Here's my select() function.

function select (start,end,jsEvent,view){ startTime = start; $scope.endTime = end; $scope.events.push({ start: $scope.startTime, end: $scope.endTime, className: ['Booking'], overlap: false, allDay : false, 'timeDifference' : timeDiff, 'eventPrice' : eventPrice }); }

Also, the selectMinDistance doesn't seem to work. Can someone help me with this? Thanks

[Elemy]

I have the same problem...Have you solved the problem yet?

[Elemy]

thanks a lot! I got a solution yet~

[sharankasandula]

Can you share the solution here in this thread so that it helps others as well. Also, I am curious as to how I you did it.

[sh4mz]

you need to create function for select before init the calendar config. Example :

$scope.select = function (start, end, allDay){
        console.log('Select ' + start, end);
    }

---

/* config object */
    $scope.uiConfig = {
      calendar:{
          header: {
                left: '',
                center: '',
                right: ''
            },
        eventClick: $scope.alertOnEventClick,
            eventDrop: $scope.alertOnDrop,
            eventResize: $scope.alertOnResize,
            eventRender: $scope.eventRender,
            selectable: true,
            selectHelper: true,
            select: $scope.select,
        firstDay:0,
        defaultView: 'agendaWeek',
        columnFormat: 'dddd',
        editable: false,
        allDaySlot:false,
        events: []
      }
    };