Fullcalendar - giới hạn có thể chọn cho một ngày

Question

Theo mặc định nếu bạn bật thuộc tính 'có thể chọn', nó sẽ cho phép bạn nhấp và kéo và chọn vài ngày. Tôi chỉ muốn cho phép người dùng chọn một ngày, không kéo qua nhiều lần. Có cách nào để bật 'có thể chọn', nhưng tắt tính năng kéo đi kèm với nó?

Answer 1

Không phải tại thời điểm này: không thể tùy chỉnh phạm vi ngày có thể chọn mà không sửa đổi nguồn.

Answer 2

trong callback chọn, bổ sung như sau hiện các trick: (fullcalendar 2 sử dụng moment.js)

if (start.add('days', 1).date() != end.date()) 
    $scope.eventCal.fullCalendar('unselect'); 

nguồn:

http://arshaw.com/fullcalendar/docs/selection/select_callback/ http://arshaw.com/fullcalendar/docs/selection/unselect_method/

Answer 3

Bạn có thể chọn một đơn ngày hoặc giờ bằng cách chuyển phương thức 'chọn' của fullcalendar tới trình nghe sự kiện dayClick:

$('#myCalendar').fullcalendar({ 
    dayClick: function(date,jsEvent,view) { 
     $('#myCalendar').fullcalendar('select', date); 
    } 
}); 

Lưu ý rằng bạn cũng sẽ cần kích hoạt phương thức 'bỏ chọn' trên lần gọi lại tiếp theo (hoặc dayClick).

Answer 4

Nếu bạn muốn giới hạn nổi bật đến một ngày duy nhất trong tuần chương trình xem bạn có thể sử dụng như sau:

selectConstraint:{ 
     start: '00:01', 
     end: '23:59', 
    }, 

nếu bạn muốn giới hạn trường hợp bạn có thể sử dụng

eventConstraint:{ 
     start: '00:00', 
     end: '24:00', 
    },