JQuery datepicker - 2 entrées De et À

Question

J'utilise le plugin Jquery datepicker avec ce timepicker addon dans deux zones de saisie, une pour la date "De" et la seconde avec la date "À".

Quand je mets le premier, je veux que le second soit un jour après la date sélectionnée dans la première, la désactivation de toutes les dates antérieures à la date sélectionnée dans le champ « From » Date

Si le " Pour «date» est sélectionné en premier, puis la date «De» est définie sur le jour précédant la date «À».

J'ai trouvé quelques exemples, mais je ne sais pas comment la date avec le temps .Donc, Si je, par exemple, sélectionner/12/2010 15h50 dans le " a partir de » date, la date du "a" date est fixée à /12/2010 15:50 ou au moins /12/2010 00:00.

ÉDITÉ ***

Je viens de trouver ce piece of code qui fonctionne comme je veux, mais sans l'addon timepicker.

$(function(){ 

    $('#dateFrom').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateTo').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
      } 
    }); 
    $('#dateTo').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateFrom').datepicker('option','maxDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
    }   
    }); 

}); 

Basé sur le code ci-dessus, serait-il possible de l'adapter, afin que je puisse l'utiliser avec l'addon timepicker?

Merci d'avance

Answer 1

Essayez d'utiliser l'événement onSelect ou onClose changer minDate et les options MaxDate.

Answer 2

J'en ai la plupart, mais je n'arrivais pas à comprendre comment régler les hourMin et minuteMin après que le widget ait été initialisé. Étant donné le code HTML suivant:

<label for="from">From</label><input id="from" name="from" /> 
<label for="to">To</label><input id="to" name="to" /> 

Et ce JS:

$("#from").datetimepicker(); 
$("#to").datetimepicker({ 
    beforeShow: function(input, inst) { 
     var $toDateInput = $("#to"); 
     var fromDate = $("#from").datetimepicker("getDate"); 
     var toDate = $toDateInput.datetimepicker("getDate"); 
     var afterFromDate; 

     if (fromDate) { 
      if (!toDate || (toDate <= fromDate)) { 
       afterFromDate = new Date(fromDate.toUTCString()); 
       afterFromDate.setDate(afterFromDate.getDate() + 1);    
       $toDateInput.datetimepicker("setDate", afterFromDate); 
      } 
      $toDateInput.datetimepicker("option", "minDate", fromDate); 
     } 
    } 
}); 

Voir ici: http://jsfiddle.net/RWjtL/3/

La plupart de vos critères sont remplis, mais il y a quelques choses qui sont hors:

• Lorsque vous définissez le champ 'À' vide, la date minimale de l'expéditeur 'De' n'est pas supprimée. J'ai essayé de placer l'option minDate à null et "" et ai obtenu le comportement étrange. Here's a documented issue that could be related.
• La méthode beforeShow est appelée plusieurs fois. Je pense que c'est à cause de l'appel à setDate à l'intérieur du gestionnaire, mais ne peut pas être sûr.
• Comme indiqué ci-dessus, je n'ai pas réussi à définir hourMin et minuteMin après coup, et le réglage minDate ne semble pas respecter la partie heure de la date.

La page de l'auteur GitHub page contient une liste de problèmes, dont certains semblent liés aux problèmes rencontrés. J'espère que vous avez commencé au moins.