comment définir les propriétés MinDate et maxDate de datetimepicker dans bootstrap

Je veux définir les propriétés minDate et maxDate de manière dynamic pour datetimepicker dans le bootstrap, aidez-moi, s’il vous plaît.

dans ce scénario, lors de la sélection de la date dans un datetimepicker, il convient de définir cette date comme minDate pour les autres données.

et après avoir sélectionné la date dans le deuxième datetimepicker, sa date sélectionnée doit devenir maxDate dans le premier sélecteur de date / heure.

J’ai essayé de cette façon:

$(document).ready(function(){ $(".form_datepicker_startdate").datetimepicker({ isRTL: App.isRTL(), format: "yyyy-mm-dd", weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, startDate:'', endDate:'', forceParse: 0, pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left") }).on('changeDate', function (selected) { var minDate = new Date(selected.date.valueOf()); $('.form_datepicker_enddate').datepicker('setMinDate', minDate); }); $(".form_datepicker_enddate").datetimepicker({ isRTL: App.isRTL(), format: "yyyy-mm-dd", weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, startDate:'', endDate:'', forceParse: 0, pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left") }).on('changeDate', function (selected) { var maxDate = new Date(selected.date.valueOf()); $('.form_datepicker_startdate').datepicker('setMaxDate', maxDate); }); });

pour limiter Bottrap datepicker , la façon la plus simple que j’ai trouvée est:

 $("#datepicker").datepicker({ maxDate : 'now' });

Cela désactivera la date supérieure à celle d’aujourd’hui.

Je suppose que vous utilisez ce plugin à partir du code que vous avez donné dans l’extrait de code. En supposant qu’il s’agisse du plug-in que vous essayez d’utiliser dans votre application, vous ne pouvez pas mettre à jour correctement les dates de début et de fin ou probablement mélanger des éléments de bibliothèques différentes.

En tout cas si j’ai bien compris votre problème voici un jsfiddle qui ne fait qu’une partie de vos fonctionnalités.

Lors de la mise à jour d’une nouvelle date de début ou de fin, la syntaxe à utiliser est la suivante (à partir de la documentation du plug-in):

 $('#datetimepicker').datetimepicker('setStartDate', '2012-01-01');

et les options de noms pour les dates de début et de fin sont setStartDate et setEndDate not minDate et MaxDate; la fonction utilisée pour les mettre à jour est datetimepicker not datepicker.

Voici le code de JS Fiddle:

 $(document).ready(function(){ $("#form_datepicker_startdate").datetimepicker({ format: "yyyy-mm-dd", weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, startDate : new Date('2012-08-08'), endDate : new Date('2014-08-08'), }).on('changeDate', function (selected) { var minDate = new Date(selected.date.valueOf()); $('#form_datepicker_enddate').datetimepicker('setStartDate', minDate); }); $("#form_datepicker_enddate").datetimepicker(); });

J’espère que cela aide, faites-moi savoir si je me trompe dans mes hypothèses, où que ce soit.

J’utilise l’ URL suivante du site Datetimepicker . Veuillez trouver le code suivant pour arrêter la sélection de dates futures.

 $(".datepicker").datetimepicker({ format: 'd/m/YH:i', formatTime: 'H:i', formatDate: 'd/m/Y', step: 15, maxDate: new Date(), onGenerate: function () { var leftPos = $(this).offset().left + 70 + 'px'; $('.xdsoft_datetimepicker').css({ 'left': leftPos}); } });

J’utilise l’interface utilisateur JQuery. C’est très facile, voici le code que vous pouvez utiliser sur l’interface utilisateur de JQuery

  $("#datepicker").datepicker({ minDate : +30, maxDate : +90, dateFormat : "yy-mm-dd", });