Календарь с выбором «половин» дня (для отеля). Есть готовые реализации?

Question

[Александр]

Привет!

Для сайта отеля нужно отображать календарь занятости и давать возможность посетителю выбирать свободные даты для бронирования.

У меня сейчас реализовано так, как слева на картинке. Но это криво, потому что в один и тот же день предыдущий гость может выехать, а новый заселиться. Значит нужны вот эти треугольные "половинки" дней.

Пересмотрел десяток jquery-датапикеров, ничего даже близко похожего по функциональности не обнаружил.

Если кто решал подобную задачу, посоветуйте, пожалуйста, максимально гибкий плагин, на котором можно построить подобный функционал?

Накидал пример:
jsbin.com/xadomorabu/1/edit?css,js,output

Answer 1

[Максим Тимофеев]

Просто css поправьте
::first-of-type и ::last-of-type Вам в помощь

А сам плагин, например вот:
www.malot.fr/bootstrap-datetimepicker

Comments

[Александр]

Датапикеры сверстаны на таблицах, в ячейках которых уже вложены элементы с числами, классами и прочей разметкой. Псевдоселекторами туда не подобраться.

[Максим Тимофеев]

Александр: Чем больше классов, тем как раз проще

[Максим Тимофеев]

Александр: Там наверняка есть класс selected, а значит .selected:last-of-type будет работать

[Александр]

Максим Тимофеев: jsbin.com/nekacukemi/edit?css,js,output - посмотрите, попробовал. Еще проблема в том, что диапазонов занятости может быть несколько. И в каждом нужно сделать треугольным начало и конец. Чем больше думаю, тем сложнее кажется задача :)

[Александр]

Максим Тимофеев: прошлая ссылка не правильная. Вот верная - jsbin.com/xadomorabu/1/edit?css,js,output

[Максим Тимофеев]

Александр: дурная структура, тогда js

[Максим Тимофеев]

Александр: перебрать все a в tbody, первый с datepick-selected добавить class c половинкой. Когда закончились, взять предыдущий добавить class c половинкой и т.д. Можно использовать each (http://jquery.page2page.ru/index.php5/Вызов_функци...

Answer 2

[AlexanderShustik]

Напиши свой датапикер, с куртизанками и преферансом. Там не супер сложно