Valider la plage de dates avec datepicker de jquery

Im essayant d'obtenir les valeurs de mon datepicker dans un nouveau script qui doit valider le fait que la deuxième valeur choisie de datepicker est pas avant le premier choisi datepicker.

Cependant, mon script ne s'exécute.

C'est mon point de vue:

 <div class="editor-field">
        @Html.TextBox("PlannedDate", Model.PlannedDate, new { @class = "date", @readonly = "readonly" })
        @Html.TextBox("CompletedDate", Model.CompletedDate, new { @class = "date", @readonly = "readonly" })
        @Html.ValidationMessageFor(model => model.CompanyName)
    </div>
 <input id="submitfloat" type="submit" value="Go" />

C'est mon Script

  <script>
  $(".date").datepicker();
  $('#submitfloat').submit(function() {
  var fromDate = $('#PlannedDate').val();
  var EndDate = $('#CompletedDate').val();
  if (Date.parse(fromDate) > Date.parse(EndDate)) {
    alert("Date error")
    }
    return false;

});

Cependant, quand j'ai démarrer le débogage ut Firebug, il semble que ma ligne $('#submitfloat').submit(function() { l'habitude de l'exécuter.

Ce que quelqu'un sait ce que mon problème est et comment il peut être résolu? Merci d'avance

  • Je pense que vous devriez faire .submit() sur la forme et pas sur le bouton soumettre?
InformationsquelleAutor ps__ | 2012-04-13
  1. 2

    bien ma première réponse, j'espère que cela vous aidera.

    d'abord mon point de vue:

        <script src="Js/jquery.min.js" type="text/javascript"></script>
    <script src="Js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="Js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <link href="Css/start/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />

    je l'utilise que pour le sélecteur de date et la validation

        <form id="custom" action="">
         <input type="text" id="fechaLlegada" name="fechaL" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/> 
         <input type="text" id="fechaSalida" name="fechaS" style="color: #4080BF; font: bold 12px verdana; padding: 0 2px 3px 2px;"/>
         <br />
         <input type="submit"/>
    </form>

    maintenant, le script

        <script type="text/javascript">
jQuery.validator.addMethod("isValid", function (value, element) {
    var startDate = $('#fechaLlegada').val();
    var finDate = $('#fechaSalida').val();
    return Date.parse(startDate) < Date.parse(finDate);
}, "* End date must be after start date");

$(function () {
    $('#fechaLlegada,#fechaSalida').datepicker()

    $('#custom').validate({
        rules: {
            'fechaL': { required: true, date: true },
            'fechaS': { required: true, date: true, isValid: true }
        }, messages: {
            'fechaL': { required: 'date required msj!',
                date: 'invalid date format msj'
            },
            'fechaS': { required: 'date required msj!',
                date: 'invalid date format msj',
                isValid: 'End date must be after start date'
            }
        }
    });

});
</script>

    j'ai ajouté une méthode pour le jquery pour valider la date de Validation puis-je l'utiliser comme une règle dans le script de validation

    this is working for me, i hope it helps someone
    • Fonctionne sous ie mais pas dans FF et opera (pas vérifié les autres). Avez-vous des idées de pourquoi il ne fonctionne que sous ie?
    InformationsquelleAutor bernybaeza