заполняя половину ячейки datepicker с определенным цветом

Question

Я в настоящее время работаю в агентстве бронирования, и я использую datepicker для календаря бронирования.

при нажатии, можно ли заполнить только половину конкретной ячейки с другим цветом? Например, красный.

Это пример, чтобы показать вам, что я хочу делать.

Мне нужно это, чтобы показать, что бронирование начинается с половины дня.

Благодарим за помощь.

Answer 1

Вот фрагмент CSS, который будет применяться красный маркер в левом верхнем углу ячеек с классом withRedMark:

.withRedMark { 
    background: linear-gradient(135deg, red 15px, transparent 0, transparent); 
} 

Или буквально половину клетки, изменить 15px к 50% (15px делает приятный маленький треугольник, но перечитывая ваш вопрос, я вижу, что 50%, вероятно, были бы лучше для вас)

Вышеупомянутые работы в Firefox 31.5 и hell IP, для более подробного объяснения CSS3 градиентов, включая кросс-браузерной совместимости, взгляните на эти прекрасные ресурсы:

• http://webdesignerwall.com/tutorials/cross-browser-css-gradient
• https://css-tricks.com/css3-gradients/