Set Default Date De Bootstrap Datepicker

Comment définir une date par défaut dans le Bootstrap Datepicker?

Je veux fixer une date : 24/12/2006

Quand j'ouvre datepicker il doit me montrer cette date, sélectionnez sur la calandre.

Code:

$(function()
{

    $('#dob').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }       
    }
    );
});

Ici est un violon:

http://jsfiddle.net/ymp5D/204/

InformationsquelleAutor Hassan Sardar | 2014-02-19

35

Que vous pouvez faire:
```
$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');
```
Violon Démo
- J'ai encore un peu de paramètres à comment puis-je ajouter ? Comme :
- viewMode: "ans",
- Ou tout simplement <input type="text" id="dob" value="24/12/2006" />
- Cela ne fonctionne pas pour le inline datepicker créé à partir d'un div plutôt que d'un élément de saisie. violon
- Les deux premières lignes de code dans cette solution a fonctionné pour moi. Je suis surpris initialDate seul n'a pas de travail.
- Hey...! Ce que je fais pour plusieurs dates fixées comme sélectionné...?
InformationsquelleAutor Felix
1

Si vous souhaitez faire le changement global, recherchez les éléments suivants dans bootstrap-datepicker.js:
```
function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());
```
et dur de code dans votre date, par exemple:
```
function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);
```
Qui sera ouvert le 1er janvier 2006.
Notez que pour une raison quelconque janvier est '00' plutôt que de '01'.

InformationsquelleAutor smkings
1

Ci-dessus accepté solution est staled, Pour aider les autres qui possède la plus récente des fichiers, si vous avez la Version 4 ou plus récent, et vous souhaitez appeler une méthode, voici un exemple pour bootstrap datetimepicker méthode :
```
$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));
```
bootstrap.datetimepicker Option format de l'échantillon :
```
 $('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });
```
pour en savoir plus voir ici (mais sans échantillon valide 🙂 ):
http://eonasdan.github.io/bootstrap-datetimepicker/Options/
- Quand je fais cela, je reçois un JS erreur qui dit que "TypeError: $(...).de données(...).la date n'est pas une fonction". Est-ce seulement pour une certaine version?
InformationsquelleAutor Bashar Abu Shamaa
1

Cela fonctionne pour moi, après de longues heures de recherche , Cette solution est pour Bootstrap datetimepicker la version 4. lorsque vous devez définir la date par défaut dans le champ de saisie.

HTML
```
"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'//$myDate is having value '2016-02-23' "
```
Remarque - Si Vous êtes le codage en php, alors vous pouvez définir la valeur de l'entrée datefield à l'aide de php, mais datetimepicker ensembles de retour à la date actuelle lorsque vous appliquez datetimepicker() fonction. Donc, pour éviter cela, utilisez le code JS

JAVASCRIPT
```
<script>
$('#datetimepicker5').datetimepicker({
    useCurrent: false, //this is important as the functions sets the default date value to the current value 
    format: 'YYYY-MM-DD'
});
</script>
```
- J'ai essayé cela, mais lorsque vous utilisez le bouton effacer, la valeur de l'attribut reste remplie, même si le texte est vide.
InformationsquelleAutor Sunakshi Maurya
1

Dans ma version, si vous mettez le val dans l'entrée, le calendrier est mis à jour automatiquement.
```
$('#birthdate').val("01/01/2001");
```
InformationsquelleAutor Al Gallardo
0

Je voulais mettre une date au démarrage, et la mention méthodes n'ont pas fonctionné.
La date a été montré, mais quand j'ai cliqué sur l'objet, la date n'a pas été sélectionné.

Donc ce que j'ai fait est en train de récupérer le Datepicker objet de la bibliothèque, et d'appliquer les _setDate méthode :
```
$('#dob').data("datepicker")._setDate(date);
```
Mais pour que cela fonctionne, le date objet doit être, à minuit, heure UTC, donc avant j'ai fait :
```
var date = new Date();
date.setUTCHours(0,0,0,0);
```
Et puis il a travaillé.

InformationsquelleAutor johanvs
0

vous pouvez simplement affecter une valeur (avec vous à votre balise d'entrée et cela devrait fonctionner
```
<input type="text" class="form-control" value="22-05-2017">
```
- J'ai essayé cela, mais lorsque vous utilisez le bouton effacer, la valeur de l'attribut reste remplie.
InformationsquelleAutor Pietro Allievi

Vous devez vous connecter pour publier un commentaire.