Obtenir des données à partir de bootstrap datetimepicker

Question

J'essaie d'obtenir les valeurs de date pour interroger ma base de données. Je continue d'obtenir undefined. J'ai vérifié toute la documentation et je n'arrive pas à trouver un moyen d'obtenir des données. I'm using this bootstrap datetime sélecteur

fichier HTML:

<div class="form-group"> 
    <label for="to" class="col-md-2 control-label">Start Date</label> 
    <div class="input-group date to col-md-5" data-date="2017-01-01T05:25:07Z" data-link-field="dtp_input1"> 
     <input class="form-control" size="16" 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-th"></span></span> 
    </div> 
    <input type="hidden" id="from" value="" /><br/> 
</div> 

fichier JavaScript :

$(".to").datetimepicker({ 
    format: "yyyy-mm-ddThh:ii:ssZ", 
    onSelect: function() { 
     endValue = $(this).datetimepicker('getDate'); 
    } 
}); 

//console.log(endValue); 

Answer 1

$(".to").datetimepicker() 
     .on('change', function(evt) { 
     startValue = $('#to').val(); 

    }); 

Answer 2

Je ne vois pas un événement onSelect dans la documentation du tout, donc je ne sais pas où vous obtenez cela de. Ni un getDate. Vous pouvez obtenir la valeur à partir de la même entrée que la datepicker est affectée. Une fois arrivé au dernier écran du widget datepicker, il 'change' la valeur de l'entrée associée. Écoutez change événements sur cette boîte pour savoir quand c'est arrivé.

$(".to > .form-control").on('change', function(evt) { 
    var date = $(this).val(); 
    console.log(date); 
});