Javascript 减小引导日期选择器字段的大小并更改其文本颜色

在web视图中启动基于HTML5/JQuery的Android应用程序时，我正在使用Eternicode的引导数据采集器。 顺便说一句，我正在使用jquery1.9.1和bootstrap2.3.2，它们具有引导响应功能

选择器工作正常，但不幸的是，我还遇到了两个问题，我当时无法解决：

• 选取器主题不受尊重，某些日期不可读（见附图）。有些css冲突，例如日期选择器的字体在白色背景上显示为白色
• 我无法减小日期选择器字段的大小，因为它只保留一行

我的标记代码是：

<div class="row-fluid" style="margin-right:0px!important">
  <label id="dateId" class="span6">One Date</label>
  <div id="datePurchase" class="input-append date">
    <input data-format="yyyy-MM-dd" type="text" />
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
  </div>
</div>

你知道这些问题吗？

---

非常感谢

我已经能够通过覆盖DateTimePicker

的背景色来解决文本不可读的问题。bootstrap DateTimePicker小部件

类

通过javascript，当日期选择器的show事件被触发时，我将覆盖

onShowDatePicker（）

函数中的CSS：

$("#myDateControl").datetimepicker({
        pickTime: false,
        format: "dd/MM/yyyy",
        startDate: startDate,
        endDate: endDate,
        autoclose: true
    });
    $dateItem.on("changeDate", onChangeDate);
    $dateItem.on("show", onShowDatePicker);
    }

function onShowDatePicker(event)
{
    if(event) {
        //overwrite the backbground color of the date picker such as the text is readable
        $(".bootstrap-datetimepicker-widget").css("background-color", "#3c3e43");
    }    
}

---

最后，我已经能够通过使用日期输入标记上的属性大小来减小大小，这导致：不幸的是，我还不能更改日历视图中的文本颜色。强制颜色为黑色不起作用：第10行有一个不平衡的括号。

$("#myDateControl").datetimepicker({
        pickTime: false,
        format: "dd/MM/yyyy",
        startDate: startDate,
        endDate: endDate,
        autoclose: true
    });
    $dateItem.on("changeDate", onChangeDate);
    $dateItem.on("show", onShowDatePicker);
    }

function onShowDatePicker(event)
{
    if(event) {
        //overwrite the backbground color of the date picker such as the text is readable
        $(".bootstrap-datetimepicker-widget").css("background-color", "#3c3e43");
    }    
}