我目前正在为一家预订机构工作,我将datepicker用于预订日历。

单击时,可以只用不同的颜色(例如红色)填充特定单元格的一半。

这是一个示例,向您展示我想做什么。

我需要此信息以表明预订从半天开始。

感谢您的任何帮助。

最佳答案

这是CSS的一小段代码,它将在类withRedMark的单元格的左上方应用红色标记:

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


或从字面上看,将单元格的一半更改为15px(15px会形成一个漂亮的小三角形,但重新阅读您的问题后,我发现50%可能对您更好)

上面的代码在Firefox 31.5中有效……为了更全面地说明CSS3渐变,包括跨浏览器兼容性,请查看以下出色资源:


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

关于jquery - 用特定颜色填充单元格日期选择器的一半,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29568648/

10-11 08:18