Comment obtenir sélecteur de date à l'aide de bootstrap?
Je veux sélecteur de date. Je ne veux pas le temps. Je reçois un message d'erreur comme
mon codage html est;
<div class="col-md-2 padding-size">
<div class="form-group">
<div class="input-group date" id="datetimepicker1">
<input type='text' class="form-control" placeholder="Issue Date"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
code de script
<link rel="stylesheet" href="css\bootstrap.css">
<link rel="stylesheet" href="css\bootstrap.min.css">
<link rel="stylesheet" href="css\style.css">
<link rel="stylesheet" href="css\font-awesome.min.css">
<link rel="stylesheet" href="css\bootstrap-social.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script src="js\jquery.min.js"></script>
<script src="js\bootstrap.min.js"></script>
<script src="js\jquery-3.1.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css">
<script type="text/javascript">
$(function ()
{
$('#datetimepicker1').datepicker(
{
});
});
</script>
Je ne peux pas obtenir que l'agenda lorsque je clique sur cette zone de texte ou le calendrier addon.
grâce
- Pourriez-vous le mettre sur JSFiddle ou en ligne compilateur est facile à déboguer
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas utiliser
.datepicker()
il doit être.datetimepicker()
.Si vous ne voulez pas le temps, il suffit de régler leformat
paramètre:Article de référence - Bootstrap datetimepicker options
Vous avez besoin pour faire de petits changements. Supprimer div id et de la place que l'id dans la balise input type="texte" comme indiqué ci-dessous
Puis ajouter le script ci-dessous en utilisant le même id
Utiliser le code ci-dessous:
Modifier le format de date que vous le souhaitez en modifiant le paramètre format.
Découvrez ce http://jsfiddle.net/Kz2sW/