Comment valider la date de temps en datepicker?

J'ai deux datetimepickers dans un formulaire pour entrer l'heure de début et de fin des temps.

L'ID de l'heure de début est "startTime" et celle de la fin des temps est "endTime".

var startTime = document.getElementById("startTime");
var endTime = document.getElementById("endTime");

if (new Date(startTime.value).getTime() > new Date(endTime.value).getTime()) {
     alert("End Time should be greater than Start Time");
     return false;
}

J'ai essayé de comparer l'heure de début et de fin des temps et validé que le temps de démarrage ne doit pas être supérieure à la fin des temps.

Maintenant, je veux écrire une validation, de sorte que la fin des temps doit aleast être plus grand que l'heure de début en 1 heure.

sampleLink: DateTimePicker Exemple

$('#startTime').datetimepicker({
onClose: function(dateText, inst) {
var endDateTextBox = $('#endTime');
if (endDateTextBox.val() != '') {
var testStartDate = new Date(dateText);
var testEndDate = new Date(endDateTextBox.val());
if (testStartDate > testEndDate)
endDateTextBox.val(dateText);
}
else {
endDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
var start = $(this).datetimepicker('getDate');
$('#endTime').datetimepicker('option', 'minDate', new Date(start.getTime()));
}
});
$('#endTime').datetimepicker({
onClose: function(dateText, inst) {
var startDateTextBox = $('#startTime');
if (startDateTextBox.val() != '') {
var testStartDate = new Date(startDateTextBox.val());
var testEndDate = new Date(dateText);
if (testStartDate > testEndDate)
startDateTextBox.val(dateText);
}
else {
startDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
var end = $(this).datetimepicker('getDate');
$('#startTime').datetimepicker('option', 'maxDate', new Date(end.getTime()) );
}
});

J'ai essayé avec ce et eu le temps de début et de fin de l'heure d'être le même. Mais je ne suis pas sûr de savoir comment accroître la fin des temps en 1 heure.

Par exemple, si le starttime valeur est 03-23-2012 10:00 je veux de la fin des temps comme 03-23-2012 11:00 AM
Quelqu'un peut-il m'aider sur ce point s'il vous plaît?

Grâce

  • Vous êtes à l'aide d'un datepicker qui permet de temps? Ce widget vous utilisez?
  • Oups! J'ai oublié de mentionner que c'est un datetimepicker.
  • Pouvez-vous fournir un lien vers ce plugin?
  • Salut Andrew, j'ai inclus dans la question maintenant.
  • De quoi êtes-vous à l'aide pour la validation?
  • À l'aide de la première date et l'heure sélecteur, je peux sélectionner la date de début et l'heure. Une fois la date et l'heure sont sélectionnés, je veux la fin de la date et de l'heure à une heure plus que de la date de début et l'heure.

InformationsquelleAutor saran | 2012-03-23
  1. 1

    Alrighty ici, il est le 1er est la version que vous voulez de repos et de tout ce que vous pouvez utiliser pour déboguer.

    **Solution finale ajoute + 1 ** http://jsfiddle.net/j82JJ/31/

    simple date de validation de démonstration http://jsfiddle.net/j82JJ/5/

    Temps De Validation http://jsfiddle.net/j82JJ/18/

    Aussi, si vous dé-commentez le code que j'ai commentées pour générer la validation, alors vous ne sera jamais dans une situation où vous avez besoin de validation. 🙂

    Étapes - j'ai commenté une ligne alors maintenant, vous pouvez sélectionner la date de début et ensuite sur la deuxième zone de texte, sélectionnez la date de fin, mais plus petite, alors la date de début et le message d'alerte apparaîtra.

    'A noter également:" si vous décommentez la ligne que j'ai commenté dans jsfiddle datetimepicker ne sera jamais vous permettent de sélectionner la date de moindre alors la date de début de ce paramètre.

    HTML

    <div style="margin: 15px;">
<input id="example16_start" type="text" value="" name="test">
<input id="example16_end" type="text" value="" name="test">
</div>
​

    Jquery Code de Détails http://trentrichardson.com/examples/timepicker/ (Tous les 3 js fiddle ont Jquery code) 1er doit être reveland à vous:

    Tous vous avez besoin est la "OnSelect' événement de la date de début que vous voulez faire:

    onSelect: function (selectedDateTime){

      var startDate = $('#example16_start').datetimepicker('getDate');
var endDate = new Date(parseFloat(startDate.setHours(startDate.getHours()+1)));
//Get the ending date datepart
var endDateDatePart = endDate.getFullYear() + '/' + endDate.getMonth() + '/' + endDate.getDate();
//calculate the ending date time part including AM/PM
var endDateTimePart;
if (endDate.getHours() > 12) { endDateTimePart = endDate.getHours()-12 + ':' + endDate.getMinutes() + ' PM';} else {endDateTimePart = endDate.getHours() + ':' + endDate.getMinutes() + ' AM';}
$('#example16_end').datetimepicker('setDate', endDateDatePart + ' ' + endDateTimePart );
}

    Ouf et ce qui pourrait vous aider ainsi Trouvé après le passage de la compréhension de cette nouvelle datetimepicker : Jquery datetimepicker - l'Avance de temps de 1 heure

    ** (J'ai le nom de quelques vars dans jsfiddle que votre nom srry)

    cela aidera, si vous voulez, je peux couper un peu de code, mais vous pouvez le faire aussi bien, bonne liaison si, cheers!

    • Salut Tats_innit, Merci pour votre aide.
    • Pas de problèmes à tous! cheers!
    InformationsquelleAutor Tats_innit