Réduire la taille et changer la couleur du texte de l'amorçage-datepicker champ

La programmation d'une application Android basée sur HTML5/JQuery lancement en mode web, je suis en utilisant le Eternicode du bootstrap-datepicker.
BTW, je suis en utilisant Jquery 1.9.1 et Bootstrap 2.3.2 avec bootstrap-responsive.

Le sélecteur fonctionne bien mais malheureusement je reçois encore deux questions dont je n'étais pas en mesure de résoudre en ce moment:

  • le sélecteur de thème n'est pas respecté et les dates ne sont pas lisibles (voir la photo ci-jointe). Certains, il est le css conflit tel que le datepicker de la police est affiché en blanc sur fond blanc.
  • Je ne suis pas en mesure de réduire la taille de la date de sélecteur de champ tel qu'il détient sur la seule ligne.

Réduire la taille et changer la couleur du texte de l'amorçage-datepicker champ

Mon code de balisage est:

<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>

Je init le datepicker par Javascript:

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

Obtenez-vous une idée sur ces questions?
Merci beaucoup

Enfin, j'ai été en mesure de réduire la taille en utilisant l'attribut de la taille de la date d'entrée d'une étiquette, qui ont pour conséquence: <input format de données="aaaa-MM-jj" type="text" size="12" />
Malheureusement, je ne suis pas encore en mesure de modifier la couleur du texte dans la vue du calendrier. Forcer la couleur noire ne fonctionne pas: <input format de données="aaaa-MM-jj" type="text" size="12" style="color:black;" />

OriginalL'auteur Lisarien | 2013-10-16

  1. 2

    J'ai pu résoudre mon problème avec le texte non lisible par l'écrasement de la couleur de fond de la DateTimePicker .bootstrap-datetimepicker-widget classe.

    Par javascript lorsque le sélecteur de date de montrer événement est déclenché, puis je remplacer le CSS dans le onShowDatePicker() fonction:

    $("#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");
    }    
}
    Il y a un déséquilibre entre le support sur la ligne 10.

    OriginalL'auteur Lisarien