web-dev-qa-db-fra.com

HTML5 <input type = “date”> - Evénement onChange

Est-il possible de détecter dans l'événement onChange pour <input type=“date”>, lorsque l'utilisateur utilise calendrier graphique et flèches ou/ numéro de clavier ?

Je ne m'intéresse qu'aux solutions VanillaJS.

13
Piotr Białek

Vous pouvez utiliser deux événements onchange mais votre champ doit d'abord être initialisé:

var date_input = document.getElementById('date_input');
date_input.valueAsDate = new Date();

date_input.onchange = function(){
   console.log(this.value);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id='date_input'>

J'espère que cela t'aides.

1
Zakaria Acharki