web-dev-qa-db-fra.com

Bootstrap DatePicker - Onchange

J'utilise le Bootstrap 3 Datepicker plugin. Lorsque l'utilisateur choisit une date, je souhaite mettre à jour différentes parties de mon interface utilisateur. J'essaie essentiellement de créer une fonction appelée lorsque la date change. Cependant, mes tentatives ont été infructueuses. Actuellement, j'essaye ce qui suit

$('#myDatePicker').datetimepicker({
  change: function() {
    alert('date has changed!');
  }                  
});

Malheureusement, la fonction change ne se déclenche jamais. Comment appeler une fonction lorsque la date est modifiée dans le sélecteur de date?

twitter-bootstrapdatepickereonasdan-datetimepicker
6
user687554

Selon la documentation , l'événement est dp.change:

$('#myDatePicker').datetimepicker().on('dp.change',function(e){
    console.log(e)
})

http://www.codeply.com/go/5cBJkEHiAt

5
Zim

Vous pouvez essayer ceci:

$("#myDatePicker").datetimepicker().on('changeDate', function(e) {
    alert('date has changed!');
});

Référence de la documentation Bootstrap: changeDate

4
Lahiru

Pour le sélecteur de date Bootstrap, l'événement est changeDate au cas où les gens le recherchent: Docs

$("input[name='Date']").datepicker().on('changeDate', function (e) {
  console.log(e); //Where e contains date, dates and format
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Twitter-bootstrap/4.1.1/js/bootstrap.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<input name="Date"/>

1
Gizmo3399