De Twitter Bootstrap Datepicker manquant Glyphicons

Je suis en train d'utiliser datepicker de bootstrap (http://eternicode.github.io/bootstrap-datepicker/) et tout fonctionne bien sauf aucun des glyphicons sont en train d'apparaître.

J'ai vu que glyphicons sont déplacés vers un autre répertoire sous bootstrap 3 (http://glyphicons.getbootstrap.com/) qui est ce que j'utilise, mais je n'étais pas sûr de savoir comment je peux l'intégrer.

Les deux

<input type="text" value="12-02-2012" date-date-format="yyyy-mm-dd" class="datepicker">

<div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
     <input class="span2" size="16" type="text" value="12-02-2012" readonly/>
     <span class="add-on"><i class="icon-th"></i></span>
</div>

N'a pas fonctionné.

Quelqu'un sait comment je peux intégrer bootstrap 3 avec le twitter datepicker?

Afficher votre code. Dans le bootstrap 3 <span class="glyphicon glyphicon-refresh"></span> dans le bootstrap 2 <i class="icon-refresh"></i>

OriginalL'auteur Penguinator | 2013-08-08

5

Télécharger le plugin du code source Javascript et CSS (ou moins) et de remplacer les références de classe à nouveau, voir: http://www.bootply.com/bootstrap-3-migration-guide.
B. e. comme mentionné par PilHA remplacer icon-* avec glyphicon glyphicon-*, input-append avec input-group etc.

Faire de même pour votre code HTML. Ou utiliser un migrator/updater comme: http://twitterbootstrapmigrator.w3masters.nl/, http://bootstrap3.kissr.com/ ou http://code.divshot.com/bootstrap3_upgrader/

Installer les Glyphicons de http://glyphicons.getbootstrap.com/: télécharger les fichiers et copiez tous les fichiers de police à la une /le répertoire de polices à proximité de votre CSS. Inclure compilé le fichier CSS dans le /css dans le référentiel local de votre répertoire css ou télécharger le Moindre fichier et de le compiler avec vos fichiers de Bootstrap.

mise à jour Glyphicons sont de retour depuis la RC2. De Twitter Bootstrap 3 comprend 180 glyphes dans le format de la police de la Glyphicon les Hobbits ensemble.

merci pour votre aide!

OriginalL'auteur Bass Jobsen
3

En plus de modifier les références de classe, j'ai trouvé quelques considérations relatives aux dispositions interdisant les un un-à-un échange de certaines classes, comme span2 sur le contrôle d'entrée. J'ai fini par le suivant:
```
<div class="form-group row">
  <div class="col-xs-8">
    <label class="control-label">My Label</label>
    <div class="input-group date" id="dp3" data-date="12-02-2012" data-date-format="mm-dd-yyyy">
      <input class="form-control" type="text" readonly="" value="12-02-2012">
      <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
    </div>
  </div>
</div>
```
CSS changements dans datepicker.css sur les lignes 176-177:
```
.input-group.date .input-group-addon i,
.input-group.date .input-group-addon i {
```
Javascript changement dans datepicker-bootstrap.js ligne 34:
```
this.component = this.element.is('.date') ? this.element.find('.input-group-addon') : false;
```
J'ai aussi écrit un billet de blog plus de détails ici: http://kenyontechnology.com/2013/10/08/datepicker-for-bootstrap-with-twitter-bootstrap-3-0/

Merci, le blog a aidé beaucoup, parce qu'il n'était pas clair qu'on a besoin d'appeler datepicker sur $(".input-group.date").datepicker({ autoclose: true, todayHighlight: true });!

OriginalL'auteur Shane
1

télécharger bootstrap3 à partir d'ici Télécharger

Maintenant, décompressez-le et obtenir de police dans le dossier de police .

Copier ce .ttf , .otf.svg et tout autre fichier et de le coller @ votre projet racine

Et Vous pouvez télécharger glyphoicon.css à partir d'ici glypho.css

inclure ce fichier css dans le fichier d'index

C'est fait

OriginalL'auteur Nishchit Dhanani
0

Je n'ai pas pu changer mon glyphicons d'abord et de la F12 outils de dev, je pouvais voir une erreur en essayant de charger le "glyphicons-les hobbits réguliers.woff2". J'ai été en mesure de le réparer en téléchargeant le .woff2 fichier et l'ajouter à mon dossier polices. Ensuite, j'ai été capable de changer de ce que je voulais.
https://github.com/twbs/bootstrap/blob/master/fonts/glyphicons-halflings-regular.woff2

OriginalL'auteur Caverman

Vous devez vous connecter pour publier un commentaire.