web-dev-qa-db-fra.com

Obtenez la valeur de bootstrap Datetimepicker en JavaScript

Je dois obtenir la valeur de Datetimepicker dans ma fonction JavaScript. J'ai fait quelque chose comme ça, mais ça ne marche pas: 

$("#date").click( function(){
    alert(document.getElementById('datetimepicker1').value);
});

Cela me donne undefined

22
Dxtr

Soit utiliser:

$("#datetimepicker1").data("datetimepicker").getDate();

Ou (en regardant la source de la page):

$("#datetimepicker1").find("input").val();

La valeur renvoyée sera une Date (pour le premier exemple ci-dessus), vous devez donc la formater vous-même:

var date = $("#datetimepicker1").data("datetimepicker").getDate(),
    formatted = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours + ":" + date.getMinutes() + ":" + date.getSeconds();
alert(formatted);

En outre, vous pouvez simplement définir le format en tant qu'attribut:

<div id="datetimepicker1" class="date">
    <input data-format="yyyy-MM-dd hh:mm:ss" type="text"></input>
</div>

et vous pouvez utiliser la fonction $("#datetimepicker1").find("input").val();

40
Ian

Il semble que le doc a évolué. 

On devrait maintenant utiliser: $("#datetimepicker1").data("DateTimePicker").date()

NB: vous renvoyez un objet Moment , pas un objet Date

19
Alexandre Bourlier

Pour appeler les fonctions prises en charge par Bootstrap-datetimepikcer, vous devez utiliser la syntaxe suivante:

$('#datetimepicker').data("DateTimePicker").FUNCTION()

Donc, vous pouvez essayer la fonction: 

$('#datetimepicker').data("DateTimePicker").date();

Documentation: http://eonasdan.github.io/bootstrap-datetimepicker/Functions/

7
Giang Phan

Ou essayez $ ("# Datetimepicker"). Data (). Date;

2
bds

J'utilise le dernier sélecteur DateTime de Bootstrap 3 ( http://eonasdan.github.io/bootstrap-datetimepicker/

Voici comment utiliser DateTime Picker inline:

var selectedDate = $("#datetimepicker").find(".active").data("day");

Ce qui précède est retourné le: 23/03/2017 

1
user3612888