Блог

Большинство замечательных компонентов календаря, которые я нашел, слишком сложны для моего простого требования. Мне нужно отобразить месячную сетку с указанием того, забронированы отдельные дни или нет. Мне не нужно обрабатывать несколько событий в день и т.д. Я мог бы адаптировать одну из них, чтобы всегда расширять бронирование до события на целый день, я полагаю.

Что читатели могут порекомендовать для этого? Моя цель — показать, на какие дни забронированы номера в отеле типа «постель и завтрак».

Я видел много отличных календарей. Я не уверен, что вы подразумеваете под «слишком сложным», поскольку вы не вдавались в подробности проблем, с которыми вы столкнулись, но некоторые из моих любимых:

Полный календарь — http://arshaw.com/fullcalendar /
jMonthCalendar — http://code.google.com/p/jmonthcalendar /
Календарь событий jQuery — http://www.web-delicious.com/jquery-events-calendar-wdcalendar /

Я знаю, что вам, вероятно, нужен календарь для просмотра по месяцам, но этот календарь на неделю отлично подходит для планирования:
Week Calendar — https://github.com/robmonie/jquery-week-calendar/wiki/demos

В настоящее время я использую glDatePicker — http://glad.github.io/glDatePicker /

Предусмотрено всего 3 таблицы стилей, но вы можете создать больше, чтобы лучше подходить вашему сайту.

Моя единственная реальная проблема с этим заключается в том, что, хотя вы можете выбирать ограниченный диапазон дат (с помощью свойств selectableDates и selectableDateRange JSON) Я не могу найти простых способов сделать обратное. Если, как и у меня, у вас есть данные о забронированных днях, вам придется проделать некоторую работу, чтобы вычислить соответствующие selectableDateRange и selectableDates для представления дат, которые не забронированы, чтобы сработал этот DatePicker.

Я добавлю календари, хотя я никогда им не пользовался. Источником был DailyJS. Она выглядит красиво и компактно. Может не полностью соответствовать вашим потребностям, но просто добавьте ее в кучу.