Vergleichen Termine - Enddatum muss größer als Anfangsdatum sein
Ich kann mir nicht vorstellen, eine Logik zu implementieren, die end-Datum immer größer als Anfangsdatum. Hier ist mein code anzeigen und dort sind zwei Felder Event-Ende und-Event Starten. Versuchte Umsetzung wie gezeigt in Überprüfen Sie, dass das Enddatum größer als das Startdatum mit jQuery , scheiterte aber. Wie implementieren Sie diese?
HTML:
<div class="clearfix"></div>
<div class="control-group form-group">
<label class="control-label col-md-4" style="text-align:left">Event Start</label>
<div class="controls" style="margin-left:0px">
<div class="col-md-3 date" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
<input class="m-wrap col-md-11 m-ctrl-medium datepicker form-control" required="required" name="starttimedate" id="ed_starttimedate" type="text" value="<?php echo $_POST['starttime']?date('d-m-Y',$_POST['starttime']):date('d-m-Y'); ?> " />
<!-- <span class="add-on"><i class="fa fa-calendar" style="margin-top:5px"></i></span> -->
</div>
<div class="col-md-1"> </div>
<div class="col-md-3 bootstrap-timepicker-component">
<input class="m-wrap col-md-11 m-ctrl-medium timepicker-default form-control" required="required" value="<?php echo date('h:i A',$_POST['starttime']);?>" name="starttimetime" id="ed_starttimetime" type="text" />
<!-- <span class="add-on"><i class="fa fa-clock-o" style="margin-top:5px"></i></span>-->
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
<div class="control-group form-group">
<label class="control-label col-md-4" style="text-align:left">Event End</label>
<div class="controls ">
<div class="col-md-3 date" data-date="12-02-2012" data-date-format="dd-mm-yyyy" data-date-viewmode="years">
<input class="m-wrap col-md-11 m-ctrl-medium datepicker form-control" required="required" name="endtimedate" id="ed_endtimedate" type="text" value="<?php echo $_POST['endtime']?date('d-m-Y',$_POST['endtime']):date('d-m-Y'); ?> " />
<!--<span class="add-on"><i class="fa fa-calendar" style="margin-top:5px"></i></span>-->
</div>
<div class="col-md-1"> </div>
<div class="col-md-3 bootstrap-timepicker-component">
<input class="m-wrap col-md-11 m-ctrl-medium timepicker-default form-control" required="required" value="<?php echo date('h:i A',$_POST['endtime']);?>" name="endtimedatetime" id="ed_endtimedatetime" type="text" />
<!-- <span class="add-on"><i class="fa fa-clock-o" style="margin-top:5px"></i></span>-->
</div>
</div>
SKRIPT:
HTML:
<script>
$("#ed_endtimedate").change(function() {
var startDate = document.getElementById("ed_starttimedate").value;
var endDate = document.getElementById("ed_endtimedate").value;
if ((Date.parse(ed_endtimedate) <= Date.parse(ed_starttimedate))) {
alert("End date should be greater than Start date");
document.getElementById("ed_endtimedate").value = "";
}
});
</script>
- Bitte nicht setzen Sie alle Ihre code. Erstellen Sie einen minimal-und nachweisbar Probe.
- Codeigniter-2 & Codeigniter-3 Nur im Falle nehme ich an
- Es gibt wahrscheinlich 10 Zeilen code, die relevant für diese Frage. Bitte hacken Sie aus dem LÄRM und zeige uns einfach den relevanten code
- Versuchen Sie diesen link, ich hoffe es wird benutzt, voll codeproject.com/Questions/716819/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
In Ihrer wenn-Fall Sie tatsächlich versuchen, für die Referenz auf die IDS der input-Felder und nicht die zwei Variablen, die Sie definiert haben. Tritt ein Fehler auf, weil das Skript ist gonna versuchen und Lesen Sie zwei variable, die nicht definiert ist. Siehe unten für ein Update
HTML:
Nach re-Lektüre Ihrer code sehe ich, dass Sie ein ungültiges format für das Datum. Der ISO-standard für die Formatierung des Datums ist yyyy-mm-dd aber Sie sind mit dd-mm-yyyy.