Validate-date-Bereich mit jquery datepicker

Ich versuche, um die Werte von meinem datepicker in ein neues Skript, das sollten überprüfen, dass die zweite gewählte Wert von datepicker wird nicht vor die erste Wahl, datepicker.

Aber mein script wird nicht ausgeführt.

Dies ist meine Ansicht:

 <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" />

Dies ist mein Skript

  <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;

});

Allerdings, wenn ich debug starten ut Firebug, wie es scheint, meine Linie $('#submitfloat').submit(function() { nicht ausführen.

Wer weiß, was mein problem ist und wie es gelöst werden kann? Vielen Dank im Voraus

  • Ich denke, Sie sollten das tun .submit() auf die form und nicht auf den submit-button?
InformationsquelleAutor ps__ | 2012-04-13
  1. 2

    gut an meine erste Antwort, ich hoffe es hilft Ihnen.

    ersten meiner Ansicht nach:

        <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" />

    ich, dass für die Datumsauswahl und die Validierung

        <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>

    nun das Skript

        <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>

    habe ich noch eine Methode, um die jquery Validierung für das Datum der Validierung dann benutze ich es als Regel in der Validierung Skript

    this is working for me, i hope it helps someone
    • Funktioniert im ie aber nicht im FF und opera (nicht angekreuzt jede andere). Hast du eine Idee, warum es funktioniert nur im ie?
    InformationsquelleAutor bernybaeza
Schreibe einen Kommentar