web-dev-qa-db-fra.com

Définir la date par défaut Bootstrap Datepicker

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

Je veux fixer une date: 24/12/2006

Quand j'ouvre Datepicker, il devrait me montrer cette date sélectionnée au calendrier.

Code:

$(function()
{

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

Voici un violon:

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

javascriptjquerytwitter-bootstrapdatepicker
19
Hassan Sardar

Tu peux faire:

$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');

Fiddle Démo

34
Felix

Si vous souhaitez rendre la modification globale, recherchez les éléments suivants dans bootstrap-datepicker.js:

function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());

et code dur dans votre date, par exemple:

function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);

Qui ouvrira le 1er janvier 2006 . Notez que pour une raison quelconque, janvier est '00' au lieu de '01'.

1
smkings

Cela fonctionne pour moi après de longues heures de recherche. Cette solution est destinée à Bootstrap datetimepicker 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 codez en php, vous pouvez définir la valeur du champ de date d'entrée à l'aide de php, mais datetimepicker la restaure à la date actuelle lorsque vous lui appliquez la fonction datetimepicker () Donc, pour éviter cela, utilisez le code JS donné

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>
1
Sunakshi Maurya

Pour aider ceux qui possèdent les fichiers les plus récents, si vous avez la version 4 ou plus récente et que vous souhaitez appeler une méthode, voici un exemple de méthode bootstrap datetimepicker:

$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));

bootstrap.datetimepicker format Exemple d'option:

 $('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });

pour plus, voir ici (mais sans échantillon valide :)): http://eonasdan.github.io/bootstrap-datetimepicker/Options/

1
Bashar Abu Shamaa

Dans ma version, si vous mettez le val dans l'entrée, le calendrier est mis à jour automatiquement.

$('#birthdate').val("01/01/2001");
1
Al Gallardo

vous pouvez simplement assigner une valeur (avec vous à votre balise d’entrée et cela devrait fonctionner

<input type="text" class="form-control" value="22-05-2017">
0
Pietro Allievi

Je voulais définir une date au démarrage, et les méthodes mentionnées ne fonctionnaient pas ..__ La date était affichée, mais lorsque j'ai cliqué sur l'objet, la date n'a pas été sélectionnée.

Donc, ce que j'ai fait est de récupérer l'objet Datepicker de la bibliothèque et d'appliquer la méthode _setDate dessus:

$('#dob').data("datepicker")._setDate(date);

Mais pour que cela fonctionne, la date doit être à minuit, heure UTC, donc avant cela:

var date = new Date();
date.setUTCHours(0,0,0,0);

Et puis ça a marché.

0
johanvs