css - Bootstrap Datepicker 返回选择日期的颜色

Question

好的，

所以我正在使用这个日历 https://bootstrap-datepicker.readthedocs.io/en/latest/

我有一个 MVC Controller ，它已经传递了一组日期和这些日期的已知状态，我可以禁用它们。我想尝试的是，对于某个状态，我会更改日历上数字的颜色。

网站上的一个例子有一个相当有趣的 return green，现在我在试验时无法让它工作。

所以我复制了整个示例(这是代码片段)，并且它都有效除了返回绿色，但是如果你使用sandbox并启用“演出日之前”，您可以看到这种回归绿色。

查看 Sandbox 中的 DOM，您可以看到我的代码中的类更改为“green day”，它更改为“day green”。

我的问题是，有没有人真正做到这一点？如果是这样，你可以改变什么颜色？我已经搜索过图书馆，但我对它的实际工作原理一无所知。

  $('#sandbox-container div').datepicker({
    beforeShowDay: function(date){
                  if (date.getMonth() == (new Date()).getMonth())
                    switch (date.getDate()){
                      case 4:
                        return {
                          tooltip: 'Example tooltip',
                          classes: 'active'
                        };
                      case 8:
                        return false;
                      **case 12:
                        return "green";**
                  }
                }
});

Answer 1

好的，所以我在输入时实际上已经解决了这个问题。

将下面的内容添加到 bootstrapper-datepicker css

.day.purple {
  color: purple;
}

无论你返回什么，代码都会命名日期，所以你不需要返回颜色，你可以返回“香肠”，在 css 上返回绿色，重要的是你返回的名称是你的 css 类的名称

$('#sandbox-container div').datepicker({
    beforeShowDay: function(date){
                  if (date.getMonth() == (new Date()).getMonth())
                    switch (date.getDate()){
                      case 4:
                        return {
                          tooltip: 'Example tooltip',
                          classes: 'active'
                        };
                      case 8:
                        return false;
                      **case 12:
                        return "purple";**
                  }
                }
});