Question

好的，

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

我有一个MVC控制器已经传递了一系列日期和这些日期的已知状态，我可以禁用这些。我试图尝试的是，对于某个状态，我会更改日历上数字的颜色。

网站上的一个例子有一个相当有趣的返回绿色，现在我在实验时无法正常工作。

所以我复制了整个示例（代码片段），并且除了以外都返回绿色，但是如果您使用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";**
                  }
                }
});

Bootstrap Datepicker返回选定日期的颜色

1 个答案: