MVC - JQuery Datepicker để hiển thị các sự kiện

Question

Tôi hiện đang xây dựng ứng dụng MVC và sử dụng JQuery UI Datepicker http://jqueryui.com/demos/datepicker/

để đặt sự kiện.

Tôi muốn hiển thị tất cả các sự kiện có sẵn trong Datepicker. Có cách nào để định dạng lại datepicker để chỉ làm cho eventdates có thể lựa chọn (có thể click) hoặc có thể chỉ làm nổi bật các eventdates. Bất kỳ cách nào để chuyển ngày vào datepicker? Bất kỳ kinh nghiệm nào về điều đó?

Cảm ơn trước

Answer 1

Bạn có thể muốn xem sự kiện beforeShowDay của điều khiển DatePicker http://jqueryui.com/demos/datepicker/#event-beforeShowDay. Có vẻ như đã sẵn sàng cho những gì bạn đang cố gắng làm, bạn chỉ cần cung cấp danh sách ngày và kiểu đi kèm với nó: một cái gì đó như:

$('.selector').datepicker({ 
    beforeShowDay: function(date) { 
     for(i = 0; i < arrayOfCalendarEventDatesYouProvide.length; i++) { 
      if(date.getMonth() == arrayOfCalendarEventDatesYouProvide[i].getMonth() 
      && date.getDay() == arrayOfCalendarEventDatesYouProvide[i].getDay() 
      && date.getYear() == arrayOfCalendarEventDatesYouProvide[i].getYear()) 

      //matched a day in the array, turn of date in calendar if you 
      //don't want it pickable 
      return [false, 'some-css-to-indicate-a-match']; 
     } 

     //if you get this far, no matches 
     return [true, '']; 
    } 
}); 

Answer 2

Việc kiểm soát Mời min-ngày và max nhật, nhưng không hỗ trợ cung cấp ngày cụ thể: http://jqueryui.com/demos/datepicker/#min-max

Bạn có thể sẽ phải sửa đổi sự kiểm soát bản thân để có trong một loạt các ngày có thể chấp nhận được, điều này có thể không quá khó khăn vì có vẻ như bạn có thể sử dụng chức năng tối thiểu/tối đa làm điểm bắt đầu.

Tính năng khá rõ ràng bị thiếu trong điều khiển!