2012-03-07 7 views
3

J'utilise Calender plugin pour choisir deux dates respectivement de & à. J'ai besoin de comparer la valeur de toujours plus grande que la valeur d'utiliser jQuery dès que je choisis les dates.Comparer deux dates en utilisant jQuery

J'utilise le code suivant

var fromDate = $("#from").val(); 
var toDate = $("#to").val(); 
if (Date.parse(fromDate) > Date.parse(toDate)) { 
    alert("Invalid Date Range!\nStart Date cannot be after End Date!") 
    return false; 
} 

Le code HTML est:

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 

Si j'utilise le plugin de validation jquery pour comparision:

<input value="" class="validate[required,custom[date],future[2009-01-01]" type="text" id="d1" name="d1" /> 

Comme dans http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

+1

Vérifiez la copie existante. http://stackoverflow.com/questions/658522/age-from-date-of-birth-using-jquery – Teja

+0

J'utilise JS pur dans mon cas pour elle – neoascetic

+0

if ((new Date (fromDate) .getTime()> new Date (toDate) .getTime())) – Ghostman

Répondre

4

Vous devez changer votre code HTML, vous avez utilisé le même identifiant et le même nom pour les deux champs. Modifiez-le comme indiqué ci-dessous.

<input type="text" name="from" id="from" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
<input type="text" name="to" id="to" value="" class="datepicker validate[custom[date]]" tabindex="4" /> 
+2

S'il vous plaît vérifier ce lien http://jqueryui.com/demos/datepicker/#date-range peut être il est utile pour vous – pkachhia

+1

+1. Exemple de travail ici - http://jsfiddle.net/LBSAp/ – Phil

+0

cela n'aide même pas – Ankit