Bootstrap select 日期的日期选择器 return 颜色

Question

好的，

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

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

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

所以我复制了整个示例（这是代码片段），并且它都有效除了对于 return 绿色，但是如果你使用 sandbox 并启用 'before show day' 你可以看到这个 returning 绿色。

查看沙盒中的 DOM，您可以看到 class 在我的代码中更改为 '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-datepickercss以下

.day.purple {
  color: purple;
}

无论您如何命名日期 return，因此您不需要 return 颜色，您可以 return 'sausage' 并在 cssreturn绿色，重要的是你的名字return是你的名字cssclass

$('#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 select 日期的日期选择器 return 颜色

Bootstrap Datepicker return colour for select dates

css

bootstrap-datepicker