Pourquoi mon bootstrap-datepicker n'a pas d'icône de calendrier?
Je suis en train d'utiliser bootstrap-datepicker.
J'ai inclus le datepicker.css
et bootstrap-datepicker.js
comme ceci:
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
Ensuite dans mon div, j'ai fait comme ceci:
<div class="input-append date" id="dp2" data-date="15-07-2013" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" value="15-07-2013" readonly>
<label class="add-on"><i class="icon-calendar"></i></label>
</div>
Puis à la fin, j'ai fait comme ceci:
<script>
$(function(){
$('#dp2').datepicker();
});
</script>
Je peux voir le sélecteur de date, mais sans le icône.
Je souhaite avoir comme:
Ce que j'ai fait de mal?
Modifier
Mon code complet:
<!doctype html>
<html>
<head>
<title>Date</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" href="themes/readable/bootstrap.css">
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
</head>
<body>
<div class="container">
<div class="well">
<h4>Date Picker</h4>
<div class="input-append date" id="dp2" data-date="15-07-2013" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" value="15-07-2013">
<label class="add-on"><i class="icon-calendar"></i></label>
</div>
</div>
</div>
<script>
$(function(){
$('#dp1').datepicker();
$('#dp2').datepicker();
});
</script>
</body>
</html>
Avez-vous les glyphicons dans le bon dossier img?
ehh...je ne crois pas
J'ai ajouté github.com/twitter/bootstrap/tree/master/img pour mon dossier, toujours pas d'icône de calendrier
ehh...je ne crois pas
J'ai ajouté github.com/twitter/bootstrap/tree/master/img pour mon dossier, toujours pas d'icône de calendrier
OriginalL'auteur Jackson Tale | 2013-07-15
Vous devez vous connecter pour publier un commentaire.
J'ai mis cette JSFiddle ensemble qui fonctionne à l'aide du code HTML suivant:
Et JS:
La différence étant que
id="dp3"
est appliqué à lainput
tag et pas le contenantdiv
. Cependant, il semble que dans votre cas c'est lié à comment et où vous faites référence à votre comprend.La JSfiddle références ci-dessus, les fichiers de base directement (à partir de deux CAN et les sites d'auteur), il est donc probablement liée à la façon dont vous faites référence à l'emplacement (relative ou absolue) de la glyphicons/js/css fichiers.
Sans un lien direct vers votre application ou de code complet, il est difficile de diagnostiquer le problème plus loin que cela.
Veuillez voir mon code dans mon edit
Le violon ne fonctionne pas dans Chrome, Firefox ou IE.
Je pense que les ressources liées ont changé; probablement mettre à jour les bibliothèques. Je vais la regarder et la mise à jour si nécessaire. Il a certainement travaillé quand j'ai répondu.
OriginalL'auteur nickhar
Il fonctionne pour moi en utilisant ce: 🙂
Espère que cela va aider.... 🙂
Salut Szymon, c'est un exemple: <div class="input-ajout de la date" id="date" data-date-format="dd-mm-yyyy"> <form:input path="date" class="span2" size="130" readonly="true"/> <span class="add-on"><i class="icon-th"> <img src="${pageContext.demande.contextPath}/....../datepicker.png"/></i> </span> </div>
OriginalL'auteur sunday03
En raison de balisage des changements de Bootstrap v2 et Bootstrap v3.
Le bac à sable démo m'a aidé à trouver le balisage correct:
http://eternicode.github.io/bootstrap-datepicker/
OriginalL'auteur Jens A. Koch
J'ai eu la même expérience à l'aide de l'icône "calendrier" donc j'ai simplement utilisé le "bootstrap" glyphicon qui vient avec le bootstrap lib et cela a fonctionné comme un charme:
<span>
tag:<span class="add-on">
ne ferme pasOriginalL'auteur arn-arn
HTML:
Et une seule ligne de javaScript pour terminer votre travail...
OriginalL'auteur Dhrupit dave