css样式datepicker问题与flatly bootswatch主题

时间:2013-06-21 11:33:44

标签: css twitter-bootstrap

我正在使用找到here的flaty bootstarp主题。找到here

的datepicker组件

使用时,日期pciker就像这样显示

date picker

我改变哪些样式以使其看起来正确,我不想弄乱css。问题是http://jsfiddle.net/hwPcF/4/

<input class="span2" id='dp3' size="16" type="text">

$(document).ready(function(){
    $('#dp3').datepicker({
            format: 'yyyy-mm-dd',
            autoclose: true
        });
});

2 个答案:

答案 0 :(得分:3)

将以下css添加到您的文件

body{
color: #ccc;
}

编辑: 我遇到了您的问题,您错过了datepicker的css文件

选中此JSFiddle

我认为这是你的期望吗?

EDIT2:我刚检查了bootstrap datepicker并进行了一些更改,看起来与它类似。

.datepicker{
    background-color: #fff;
    color: #000;
}

检查JSFiddle2,现在看起来像

  

正在发生一些css文件冲突,试图找出答案。

答案 1 :(得分:1)

将此添加到您的css文件

  

.datepicker-days {color:#eee; }

会将您的日期数字变为灰色。