【问题标题】:bootstrap datetime picker change引导日期时间选择器更改
【发布时间】:2016-04-25 09:37:18
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery bootstrap-datetimepicker


    【解决方案1】:

    如果你使用Bootstrap 3 Date time picker from Eonasdan,你可以这样做:

    工作日

     .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;
    }
    

    【讨论】:

      【解决方案2】:

      您在当前页面中添加 css

         .ui-datepicker-current-day
            {
                 background: #83C948
            }
               /* today's background color */
          .ui-datepicker-today 
          {
            background: #83C948
          }
      

      【讨论】:

        猜你喜欢
        • 2019-08-23
        • 2017-03-24
        • 2013-11-28
        • 1970-01-01
        • 2017-02-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多