Comment mettre une date par défaut dans le bootstrap datetimepicker

Question

Je veux que mon datetimepicker ait une valeur par défaut qui est la date actuelle. Comment puis-je atteindre cet objectif? J'ai déjà lu la documentation mais je ne trouve rien pour y arriver. Est-ce que quelqu'un peut m'aider? Je veux le format de la valeur par défaut est MM dd, yyyy.

Voici mon code.

<div class="form-group"> 
    <label for="dtp_input2">Date</label> 
    <div class="input-group date form_date col-md-3" data-date="" data-date-format="MM dd, yyyy"> 
    <input id="dtp_input2" name="date" class="form-control" size="10" type="text" value="" readonly> 
    <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-remove"></span> 
    </span> 
    <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-calendar"></span> 
    </span> 
    </div> 
</div> 

$('.form_date').datetimepicker({ 
    weekStart: 1, 
    todayBtn: 1, 
    autoclose: 1, 
    todayHighlight: 1, 
    startView: 2, 
    minView: 2, 
    forceParse: 0, 
}); 

Answer 1

Il suffit de définir la valeur après la mise en place du DateTimePicker:

$('.form_date').datetimepicker({ 
    weekStart: 1, 
    todayBtn: 1, 
    autoclose: 1, 
    todayHighlight: 1, 
    startView: 2, 
    minView: 2, 
    forceParse: 0, 
}); 
$('#dtp_input2').val(Date()); 

Answer 2

On dirait de la documentation que vous pouvez définir un defaultDate lors de l'instanciation DateTimePicker.

$(function() { 
    $('#datetimepicker5').datetimepicker({ 
     defaultDate: "11/1/2013", 
     disabledDates: [ 
      moment("12/25/2013"), 
      new Date(2013, 11 - 1, 21), 
      "11/22/2013 00:53" 
     ] 
    }); 
}); 

Answer 3

Vous pouvez également définir la date actuelle à un champ de texte avec JS comme:

var d = new Date(); 
 
document.getElementById("target").value = d.toDateString();

<input type="text" id="target">

Answer 4

Cette solution utilise uniquement les méthodes fournies par le DateTimePicker bootstrap.

Vous pouvez déclarer votre datetimepicker que vous avez fait et faites ceci:

$('#datepicker input').datepicker('setDate', new Date()); 
$('#datepicker input').datepicker('update'); 
$('#datepicker input').val(''); 

De cette façon, la date définie dans l'setDate() sera selectionned et l'entrée reste vide. Si vous ne voulez pas que l'entrée soit vide, il suffit de retirer ces lignes:

$('#datepicker input').datepicker('update'); 
$('#datepicker input').val(''); 

Et si vous voulez jouer avec cette solution: Voici un jsFiddle

---

$('#datepicker input').datepicker({ 
 
    weekStart: 1, 
 
    todayBtn: 1, 
 
    autoclose: 1, 
 
    todayHighlight: 1, 
 
    startView: 2, 
 
    minView: 2, 
 
    forceParse: 0, 
 
}); 
 

 
$('#datepicker input').datepicker('setDate', new Date()); 
 
$('#datepicker input').datepicker('update'); 
 
$('#datepicker input').val('');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script> 
 
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css" rel="stylesheet"/> 
 

 
<div id="datepicker"> 
 
    <input type="text" type="text" class="form-control" /> 
 
</div>

Answer 5

Dans mon cas: Insérer ce code defaultDate: new Date() dans votre date javascript timepicker.

<script type="text/javascript"> 
$(function() { 
    $('#datetimepicker10').datetimepicker({ 
     defaultDate: new Date(), 
     viewMode: 'years', 
     format: 'MM/DD/YYYY' 
    }); 
});