引导日期时间选取器更改

bootstrap datetime picker change

本文关键字：选取 时间 日期      更新时间：2023-09-26

我正在使用引导程序 3 日期时间选择器。我怎样才能改变工作日和工作日的颜色。我还想更改工作日和月份标题的颜色。

我正在努力检查引导日期时间选择器的 css 样式，因为我无法在此控件上使用 firebug（一旦我单击火虫图标，日期时间选择器就会不可见）。

如果您使用Eonasdan的Bootstrap 3日期时间选择器，则可以执行以下操作：

平日：

 .bootstrap-datetimepicker-widget .day
 {
  color: red;
 }

周末：

 .bootstrap-datetimepicker-widget .weekend
 {
  color: gold;
 }

对于月份标题：

.bootstrap-datetimepicker-widget thead .picker-switch
{
 color: blue;
}

对于当天的标题：

.bootstrap-datetimepicker-widget thead .dow
{
 color: green;
}

就像在当前页面中添加CSS一样 

   .ui-datepicker-current-day
      {
           background: #83C948
      }
         /* today's background color */
    .ui-datepicker-today 
    {
      background: #83C948
    }
相关文章：